Lessons: 14Length: 1.1 hours
Writing cross-platform mobile apps is hard. On one hand, it can save money to use a JavaScript-based cross-platform mobile framework. But on the other hand, we'd like to be able to give app users the speed and elegance of a native app.
Well, NativeScript is a cross-platform mobile framework that lets us have the best of both worlds. With NativeScript, we can write apps using the web technologies we know and love: CSS, ES6, and even frameworks like Angular 2.
In this course, Envato Tuts+ instructor Reggie Dawson will teach you how to build a cross-platform native app with NativeScript and Angular 2. You'll get to try out the TypeScript language, and you'll learn how Angular 2 and NativeScript can work together. You'll get hands-on practice with some of the most important NativeScript components—like buttons and activity bars that render with native Android and iOS components. You'll also understand how to connect NativeScript with Angular 2 concepts like routing. And by the time you've finished, you'll have built a simple but functional native app, with a Firebase back-end.
Build on your knowledge of NativeScript in our course Code a Mobile App With NativeScript.
We've also built comprehensive guides to help you learn JavaScript and Angular, whether you're just getting started or you want to explore more advanced topics.
1.Introduction
1.1Introduction00:50
2.First Look at Nativescript
2.1What Is NativeScript?02:31
2.2NativeScript, Typescript, and Angular 204:47
2.3Installing NativeScript and Creating a Project05:57
2.4Testing and Debugging a NativeScript App05:48
3.Nativescript Basics
3.1NativeScript Components07:29
3.2NativeScript Layouts08:15
3.3CSS Styling and Adding Images04:50
4.Build a Nativescript and Angular 2 App
4.1Create the Project05:39
4.2The Login Page08:45
4.3The Signup Page03:40
4.4The Add Page03:19
4.5The List View06:09
5.Conclusion
5.1Conclusion00:58
