Angular 8

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

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

As the Angular 8 training is delivered, you will be given numerous practical examples and demonstrations. You will also build a complete Angular 8 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 8 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:
Pre-requisites
  • Familiarity with HTML and JavaScript programming
  • Previous exposure to TypeScript is beneficial but not required

Rod Nolan
Hasan Ahmad

Our Angular 8 Instructors

This Angular 8 training course was designed and developed by DEV6 web application developers who use Angular 8 on real-life projects. As such, the training includes many Angular 8 best practices that can’t be found elsewhere. The DEV6 Angular 8 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

JAMstack

a11y logo

A11Y

VR for Enterprise Developers Icon

VR for Enterprise Developers

React Training Course Logo

ReactJS

React Training Course Logo

React Native

Electron Training Course

Electron

NodeJS

Node.js

Vue.js Training Course

Vue.js

Sign-up for our Electron course

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

View Course Details