Angular 7

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.

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
Dates: Sep 17, 2019 — Sep 20, 2019 Oct 15, 2019 — Oct 18, 2019
Pre-requisites
  • Familiarity with HTML and JavaScript programming
  • Previous exposure to TypeScript is beneficial but not required

Rod Nolan
Gagandeep Kaur
Hasan Ahmad

Our Angular 7 Instructors

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.

Course Modules

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

View Our Other Courses

VR for Enterprise Developers Icon Sep 9/2019

VR for Enterprise Developers

React Training Course Logo Aug 28/2019

ReactJS

React Training Course Logo Aug 29/2019

React Native

Electron Training Course Sep 18/2019

Electron

Sep 12/2019

Node.js

Vue.js Training Course Sep 25/2019

Vue.js

Sign-up for our Electron course

Build a complete Electron application as the course is being taught.

View Course Details