Building Native Mobile Apps with NativeScript and Angular 2

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

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