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