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

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
Learn how to write native mobile apps for iOS and Android by leveraging the NativeScript framework with Angular 2.

Syllabus

Introduction
  • 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
Conclusion
  • Next steps

Taught by

Alex Ziskind

Reviews

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.

Someone learning on their laptop while sitting on the floor.