Angular 7 Essentials Training Course

Angular 7 Essentials Training Course
Course Description

This comprehensive Angular 7 training course provides all the essential knowledge for developers needing to start building apps using the Angular 7 framework.  

 

The DEV6 Angular 7 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 7 app
  • Optimization & Deployment
  • And much, much more

 

As the Angular 7 training is delivered, you will be given numerous practical examples and demonstrations. You will also build a complete Angular 7 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 7 project.

 

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

 

For on-site 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 7 Training Course Prerequisites

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

Classes

Jun 18, 2019 - Jun 21, 2019 Mississauga LC, Online, or Client Location Register
Jul 16, 2019 - Jul 19, 2019 Mississauga LC, Online, or Client Location Register
Aug 20, 2019 - Aug 23, 2019 Mississauga LC, Online, or Client Location Register
Sep 17, 2019 - Sep 20, 2019 Mississauga LC, Online, or Client Location Register
Oct 15, 2019 - Oct 18, 2019 Mississauga LC, Online, or Client Location Register

Course Outline

Module 1: Introduction

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

Module 2: AngularJS 1.X to Angular

  • 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 & Multi-Line
  • Spread Operators
  • Lambda Functions
  • Modules

Module 5: Environment Setup

  • Node / NPM
  • Polyfills
  • TypeScript
  • Module Loaders (Webpack)
  • Testing Frameworks
  • Angular CLI
  • Code Editors

Module 6: Getting Started

  • Our First Component & Module

Module 7: Modules

  • Why use Modules
  • NgModules
  • Declarations
  • Imports & Exports
  • Providers
  • Bootstrapping

Module 8: Components

  • Introduction to Components
  • Component Architecture
  • Component Hierarchy
  • Nested Components
  • TypeScript Decorators
  • State & Behaviour
  • Inputs & Outputs

Module 9: Templates

  • Inline vs External
  • Template Expressions
  • Data Bindings

Module 10: Directives

  • Types of Directive
  • Create your own Attribute Directive
  • Create your own Structural 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
  • Mutables vs. Immutables
  • Observables

Module 16: Advanced Modules 

  • Feature Modules
  • Shared Modules
  • The Core Module

Module 17: Routing

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

Module 18: Advanced Routing

  • Route Guards
  • Route Resolves
  • Lazy Loading Modules

Module 19: Forms & Validation

  • Introduction to Forms
  • Template-driven Forms
  • Validation

Module 20: Model-Driven Forms

  • Form Builder
  • Model Form Bindings
  • Model Form Data

Module 21: Promises

  • Introduction to Promises
  • Creating a Promise
  • Promise Lifecylce
  • Handling Promise Resolution

Module 22: Observables

  • Observables vs. Promises
  • Creating an Observable
  • Operators
  • Async Pipes

Module 23: HTTP

  • HTTP Setup
  • Making a Request
  • Consuming an HTTP Response

Module 24: Advanced HTTP

  • Headers & Request Settings
  • Providing HTTP
  • HTTP Composition
  • HTTP Inheritance

Module 25: Component Styling

  • Shadow DOM
  • Encapsulation Modes
  • Loading Styles

Module 26: Animation

  • State & Transitions
  • Wildcard State
  • The void State
  • Animatable Properties & Units
  • Automatic Property Calculation
  • Animation Timing
  • Keyframes
  • Parallel Animation Groups

Module 27: Testing

  • Testing Tooling
  • Unit Test Setup
  • Jasmine Fundamentals
  • Angular Test Helpers
  • Zones & Testing
  • E2E Testing

Module 28: Security

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

Module 29: Internationalization

  • Internationalization & Localization
  • Pre-compiled Translations
  • NG2-Translate

Module 30: Performance

  • Web Workers
  • Running Code Outside Angular Zone

Module 31: Optimization & Deployment

  • Precompiling
  • Lazy Loading
  • Deployment Good Practices
  • Angular Production Mode

Module 32: Native Applications

  • Introduction to Native Applications
  • Apache Cordova
  • Ionic 2
  • React Native
  • Nativescript
  • Progressive Web Apps
  • Electron

Module 33: Server-side Rendering

  • What is Client-side Rendering
  • What is Server-side Rendering
  • Angular Universal

Module 34: Conclusion & 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.