Angular 5 Essentials Training Course

Angular 5 Essentials Training Course
Course Description

Angular 5 includes major improvements and added functionality to the Angular development platform, and is backwards compatible with 2.x.x for most applications.  This comprehensive Angular 5 training course provides all the essential knowledge for developers needing to start building apps using the Angular 5 framework.

 

The DEV6 Angular 5 course provides in-depth training on:

  • Templating and data binding
  • Directives
  • Dependency injection
  • Promises
  • Advanced Routing and pipes
  • Observables
  • How to properly test your Angular 5 app
  • Optimization & Deployment
  • And much, much more

 

As the Angular 5 training is delivered, you will be given numerous practical examples and demonstrations.  You will also build a complete Angular 5 application as the course is being taught.  On the last day of the course, you will receive expert advice and guidance for starting your first solo Angular 5 project.

 

This Angular 5 training course was designed and developed by DEV6 web application developers who use Angular 5 on real-life projects.   As such, the training includes many Angular 5 best practices that can’t be found elsewhere.  The DEV6 Angular 5 course is highly interactive and features significant hands-on coding and a large number of student labs.

 

For onsite classes, all courses can be modified to suit your unique content and delivery requirements. 

Cost
$1,995 CAD / $1,995 USD

Duration

4 Days

 

Angular 5 Training Course Prerequisites

  • Familiarity with HTML and JavaScript programming
  • Previous exposure to TypeScript is beneficial but not required

Classes

Nov 27, 2018 - Nov 30, 2018 Mississauga LC or Online Register

Course Outline

Module 1: Introduction

  • Course Objectives
  • Course Outline
  • What is Angular
  • Why use Angular

Module 2: AngularJS to Angular 5

  • What’s Changed
  • Semantic Versioning

Module 3: Introduction to TypeScript

  • Why Use TypeScript
  • Basic Types
  • Classes and Interfaces
  • Type Definitions
  • Compiling TypeScript

Module 4: ES2015 Primer

  • Let and Const
  • Template Strings
  • Lambda Functions
  • Modules

Module 5: Environment Setup

  • Node / NPM
  • Polyfills
  • TypeScript
  • Module Bundler (Webpack)
  • Code Linting
  • Test Setup
  • Application File Structure
  • Angular CLI
  • Code Editors

Module 6: Getting Started

  • Our First Component

Module 7: Modules

  • Why use Modules
  • NgModule
  • Declarations
  • Providers
  • Imports
  • Bootstrapping
  • The Core Module
  • Shared Modules

Module 8: Components

  • Introduction to Components
  • Component Architecture Patterns
  • Decorator Metadata
  • State & Behaviour
  • Inputs and Outputs

Module 9: Templates

  • Inline vs External
  • Template Expressions
  • Data Bindings
  • Built-in Structural Directives
  • Built-in Attribute Directives

Module 10: Custom Directives

  • Types of Directive
  • Create your own Structural Directive
  • Create your own Attribute Directive

Module 11: Pipes

  • Built-in Pipes
  • Custom Pipes

Module 12: Services

  • Introduction to Services
  • Building a Service

Module 13: Dependency Injection

  • Introduction to Dependency Injection
  • Injectors & Providers
  • Registering Providers

Module 14: Lifecycle Hooks

  • Component LifeCycle
  • Using ngOnInit
  • All lifecycle Hooks

Module 15: Change Detection

  • What is Change Detection
  • Zone.js

Module 16: Routing

  • The Component Router
  • Defining Routes
  • Navigation
  • Route Params
  • Child Routes

Module 17: Advanced Routing

  • Route Guards
  • Route Resolves

Module 18: Template-driven Forms

  • Introduction to forms
  • Template-driven forms
  • Validation

Module 19: Model-driven Forms

  • Introduction to ‘Reactive’ forms
  • FormGroup & FormControl
  • Validators

Module 20: Asynchronous Operations

  • Introduction to Async
  • Promises
  • Observables
  • Async Pipes
  • HTTP Request / Response

Module 21: Advanced HTTP

  • Headers & Request Settings
  • Providing HTTP

Module 22: Component Styling

  • Introduction to Angular Styling
  • Component Styling
  • Shadow DOM
  • Loading Styles

Module 23: Animation

  • Introduction to Animations
  • State & Transitions
  • Animatable Properties
  • Keyframes

Module 24: Testing

  • Introduction to Testing
  • Unit Testing
  • E2E Testing

Module 25: Security

  • Security in Angular
  • Sanitization
  • Trusting Values
  • Cross-site Request Forgery

Module 26: Internationalization

  • Pre-compiled and runtime
  • Using ng2-Translate

Module 27: Performance

  • Change Detection Strategy
  • Running outside the Zone
  • Web Workers

Module 28: Optimization & Deployment

  • Precompiling (AoT)
  • Lazy Loading
  • Deployment Best Practices
  • Production Mode  

Module 29: Upgrading from AngularJS 1.X to Angular 2+ (Optional)

  • Introduction to Upgrading
  • Project Preparation
  • Upgrade Adapter

Module 30: Native Applications

  • Introduction to Native
  • Cordova
  • Ionic
  • React Native
  • NativeScript
  • Progressive Web Apps
  • Electron

Module 31: Server-side Rendering

  • Introduction to Server-side Rendering
  • Angular Universal 

Module 32: Conclusion and Resources

Registration for DEV6 Training

Course Title


Dates: dates

Location: location

Price: price

DEV6

4 Robert Speck Parkway, Suite 240

Mississauga ON L4Z 1S1

Canada


Toll Free: 866.464.7790

Office: 905.897.7790

Fax: 905.897.9952

After pressing Register, someone from DEV6 will call/email to confirm registration details, answer questions and take payment.