Overview
-
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
- Setting up the development environment
- iOS and Android prerequisites
- Using the NativeScript CLI
- NativeScript Visual Studio Code extension
- Introduction to NativeScript
- Using Angular with NativeScript
- Angular bootstrap
- Code organization: Global setup
- Code organization: Feature modules
- Code organization: Models and settings
- 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
- 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
- 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
- Native navigation
- Master detail
- AuthGuard
- Angular style navigation
- Back navigation
- Next steps
