Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Building Native Mobile Apps with NativeScript and Angular 2

via LinkedIn Learning


Learn how to write native mobile apps for iOS and Android by leveraging the NativeScript framework with Angular 2.

NativeScript is an open-source framework for building native iOS and Android apps. Web developers who are familiar with Angular 2 can get introduced to NativeScript in this course and learn how to develop an application for iOS and Android by leveraging the NativeScript framework with Angular 2. Join Alex Ziskind as he guides you from the initial installation of NativeScript through architecting an application. He explains how to declare the most common user interface widgets while styling them with CSS. Plus, he demonstrates how to set up the Faker library, and how to programmatically tap into the native navigation engine for iOS and Android.


  • Welcome
  • What you should know
  • About the exercise files
  • Touring the demo application
1. Getting Started and Tooling
  • Setting up the development environment
  • iOS and Android prerequisites
  • Using the NativeScript CLI
  • NativeScript Visual Studio Code extension
2. Introduction to NativeScript with Angular
  • Introduction to NativeScript
  • Using Angular with NativeScript
  • Angular bootstrap
  • Code organization: Global setup
  • Code organization: Feature modules
  • Code organization: Models and settings
3. Application Architecture
  • Components
  • Component template
  • Component styles
  • Template variables
  • Handling Listview tap
  • Backlog item template
  • Nested layouts
  • Directives: ngIf
  • Directives: ngFor
  • Dependency injection: Part 1
  • Dependency injection: Part 2
  • Application lifecycle
  • Modules
  • Barrels
4. User Interface
  • NativeScript widgets
  • Details component
  • Segmented bar
  • Scroll view
  • Layouts
  • Layout example
  • Containers
  • Side drawer setup
  • Style overrides
  • Dynamic styling
  • Styling main content
  • Themes
  • Images
  • File system images
  • Base64 images
  • Gestures
  • Animating button state
  • Login animation setup
  • Declarative animation
  • Imperative animation
5. Data and Event Binding
  • Setting up the Faker library
  • Generating users
  • Property binding
  • Event binding
  • ngModel basics
  • ngModel forms
  • Component communication 101
  • Component output
  • Component input
  • List component filtering
  • Angular pipes
6. Navigation
  • Native navigation
  • Master detail
  • AuthGuard
  • Angular style navigation
  • Back navigation
  • Next steps

Taught by

Alex Ziskind

Related Courses


Start your review of Building Native Mobile Apps with NativeScript and Angular 2

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free