YoVDO

Building Native Mobile Apps with NativeScript and Angular 2

Offered By: LinkedIn Learning

Tags

NativeScript Courses Android Development Courses iOS Development Courses Angular Courses User Interface Design Courses Application Architecture Courses Data Binding Courses

Course Description

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
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

Related Courses

Developing Web Apps with SAPUI5
SAP Learning
Windows 10 App Development - Basics
Microsoft via edX
Developing Android Apps with Kotlin
Google via Udacity
Learn Object Oriented PHP By Building a Complete Website
Udemy
Angular Front To Back
Udemy