Welcome to the NativeScript & Angular getting started guide. In this hands-on tutorial, you’ll build a cross-platform iOS and Android app from scratch.
TIP: If you’re a video learner, the third-party site NativeScripting has a free video course that walks you through this guide step by step.
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 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.
- 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 or TypeScript. When background Angular or TypeScript expertise will help you understand a concept, this guide will link you to the appropriate places in the Angular or TypeScript documentation.
In order to start this tutorial you need to have the NativeScript CLI (command-line interface) installed on your development machine, which you can do using the link below.
TIP: Setting up your machine for native development can be tricky, especially if you’re new to mobile development. Here are a few tips you might find useful.
- You can complete a version of this tutorial in NativeScript Playground. NativeScript Playground is a browser-based environment that lets you develop apps without needing to configure your local development environment.
- NativeScript Sidekick is a one-click setup experience for macOS, Windows, and Linux. Sidekick installs the NativeScript CLI and required dependencies for macOS and Windows - and offers starter kits, cloud-based builds for iOS and Android, and app store publishing. Install Sidekick and resume your tutorial with the CLI pre-installed for you.
- If you get stuck going through the installation process, the NativeScript community forum is a great place to get help.
With that out of the way, let’s get started building apps with NativeScript!