Welcome to the NativeScript & Angular 2 getting started guide. In this hands-on tutorial, you’ll build a cross-platform iOS and Android app from scratch.
The result is a software architecture that allows you to build mobile apps using the same framework—and in some cases the same code—that you use to build Angular 2 web apps, with the performance you’d expect from native code. Let’s look at how it all works by building an app.
NOTE: If you spot any issues while completing this guide, let us know on our Angular GitHub repo.
This guide will walk you through building Groceries, a groceries management app that does the following things:
- Connects to an existing RESTful service.
- Provides user registration and login.
- Lets authenticated users add and delete groceries from a list.
- Runs cross-platform (iOS and Android).
If you follow along to the end, here's what the finished app will look like on iOS:
And here's what the app will look like on Android:
- CSS: You should know how to write simple CSS selectors, and know how to apply CSS rules as name/value pairs.
- The terminal: You should know how to open a terminal or command-line prompt on your development machine, how to change directories, and how to execute commands.
- A text editor or IDE: You should know the basics of your text editor or IDE of choice. You can use any text editor to build NativeScript apps, however, for the best possible experience you may want an editor with built-in TypeScript support, such as Visual Studio Code.
This guide will not assume you have any knowledge of Angular 2 or TypeScript. When background Angular 2 or TypeScript expertise will help you understand a concept, this guide will link you to the appropriate places in the Angular or TypeScript documentation.
With that out of the way, let’s get started!