Course Overview

Comprehensive Angular teaches students the skills and best practices they need to design, build, test, and deploy applications that provide rich end-user experiences similar to a desktop application while still offering the ease of deployment of a web application.

Key Learning Areas

  • Understand how single-page web application architectures (including Angular) are different than traditional web development architectures
  • Use new JavaScript (ES6) language features including Classes, Modules, and Arrow Functions
  • Use new TypeScript language features including Static Types, Interfaces, and Generics
  • Build an application from scratch using Angular 5
  • Learn Angular coding and architecture best practices
  • Understand and use Angular Model-driven Forms, Observables, Dependency Injection, and Routing
  • Communicate with a backend server using Angular’s HttpClient service to load and save data
  • Unit test all the parts of an Angular application including Modules, Components, Services, and Pipes
  • Upgrade an existing application from AngularJS to Angular 5 over time by running both frameworks in the same project
  • Start a new Angular project and scaffold modules, components, services, models, routes, and unit tests following best practices using the Angular CLI
  • Build and deploy an Angular application including combining and minifying JavaScript and HTML files, Tree-shaking unused code, and doing Ahead-of-Time compilation to reduce the size of the Angular framework
  • Write End-to-End Tests if your application with Protractor which uses Selenium Web Driver
  • Using Redux and NgRx to maintain the state in your application

Course Outline

  • Introduction
  • Why Angular?
  • Understanding Angular Versions
  • Upgrading to Angular 5 from Angular 2 or Angular 4
  • Angular 5 Features
  • TypeScript and ECMAScript (ES6) Fundamentals
  • Angular 5 Basics
  • Template Syntax
  • Components
  • Services and Dependency Injection
  • Dependency Injection
  • Model-Driven Forms (Reactive Forms)
  • RxJS and Observables
  • Communicating with the Server using the HttpClient Service
  • Router
  • Unit Testing
  • Security
  • Advanced Components
  • Advanced Routing
  • Advanced Dependency Injection
  • Attribute Directives
  • Pipes
  • Creating, Building and Deploying an Angular Application
  • Template-Driven Forms
  • Upgrade Strategies fro AngularJS
  • Redux
  • End-to-End Testing
  • npm QuickStart
  • Webpack Guide

Who Benefits

This course is designed for developers who are looking to architect, build, test, and deploy modern Single Page Applications using the latest version of the Angular framework and the TypeScript language.

Prerequisites

All attendees must have substantial prior experience developing with JavaScript.