Course details

Comprehensive NativeScript with Angular

  • NEW
  • Course Code : NSNG-144
  • Course Version : 1.0
  • Course Duration : 5 Days
    • Review :
Register for Next Session
COURSE DESCRIPTION

Overview

NativeScript Training Comprehensive NativeScript with Angular bootcamp teaches students the basic and advanced skills they need to design, build, and test sophisticated native mobile applications that function well on iOS and Android operating systems.

Training Materials

All attendees receive courseware and the latest/best NativeScript textbook as of the date of training.

Software Needed on Each Student Machine

  • Google Chrome
  • Visual Studio Code
  • Node.js installed
  • Android tools set up and working
  • If developing for iOS, a Mac is required with XCode installed and configured
  • All installation steps must have been completed as described in the installation section of www.nativescript.org (https://docs.nativescript.org/start/quick-setup)
  • Other free software and lab files that Nuvious will specify

Training Objectives

  • Use industry best practices to architect an Angular mobile application with NativeScript
  • Manage the state of a modern mobile application using the latest technologies such as @ngrx
  • Understand how Angular is different than traditional web development frameworks
  • Code using new ES6 and TypeScript language features
  • Develop an application from scratch using NativeScript with Angular
  • Explore Angular coding and architecture best practices
  • Understand and use Angular Forms, Observables, Dependency Injection, and Routing
  • Retrieve, update, and delete data using Angular’s Http service
  • Unit test all the parts of an Angular application including Modules, Components, Services, and Pipes
  • Create, build, and deploy an Angular application using the CLI approach
  • Develop dynamic Model-driven forms that are easier to unit test

STUDENT PREREQUISITES

All attendees must have substantial prior experience developing with JavaScript and TypeScript. If attendees will not have prior TypeScript experience, we would be delighted to precede this class with a one- or two-day intensive TypeScript primer.

Chapter 1: Getting Started

  • tns-platform-declarations
  • Project Dependencies
  • High Level App Folder Structure
  • API Server
  • Consuming the API
  • Code Style and Tools

Chapter 2: Application Management

  • Bootstrapping Options
  • Application Configuration
  • Auto Injection
  • Application Internationalization
  • Console Visualization
  • Application Logging
  • Error Handling
  • Application Life Cycle
  • iOS UIApplicationDelegate
  • Android Activity Events
  • Project Status Bar Utils

Chapter 3: Application State

  • Methodology
  • Reactive Store and State
  • Smart and Presentation Components
  • Persisting State
  • Ngrx Intro

Chapter 4: Routing and Navigation

  • Declarative Routing Approach
  • Programmatic Routing Approach
  • RouterExtensions
  • Navigation Service
  • NavigationOptions
  • Route Guards
  • Combining Routing Outlet Options
  • Routing Parameters
  • Lazy Loading
  • Navigation Directive

Chapter 5: Deeper UI

  • Frames
  • Using the Page
  • View Life Cycle
  • Dialogs
  • Modals
  • Multiple ListView Templates
  • FormattedString
  • ActionBar
  • Local Notifications
  • Controlling the Keyboard
  • Using Icon Fonts
  • Lower Cased and Dashed Components
  • Programmatic Components
  • Custom Components
  • Platform Specific Declarations
  • Screen Size Qualifiers
  • Platform Qualifiers
  • Orientation Qualifiers

Chapter 6: Hardware Access

  • Using Location
  • Accessing the Camera

Chapter 7: Tracing and Debugging

  • Setting up Tracing
  • Using Tracing
  • Debugging Options
  • Debugging Commands
  • Debugging with Visual Studio Code
  • Debugging with Chrome
  • Http Debugging

Chapter 8: Testing

  • Configuring Your Project
  • Creating Tests
  • Running Tests
  • Configuring the Karma Server
  • Continuous Integration

Chapter 9: Preparing for Deployment

  • AOT
  • Configuring WebPack
  • Bundling with WebPack
  • Bundling Extra Assets
  • Advanced WebPack
  • iOS Launch Screen
  • iOS App Icons
  • iOS Publishing
  • Android Launch Screen
  • Android App Icons
  • Android Publishing

Upcoming Sessions