Course Outline


  • What's new in Angular 5?

Overview of Typescript and ES6 JavaScript

  • TypeScript Syntax
  • Using the TypeScript transpiler
  • Setting up Angular 5 and Typescript

Creating Your First Angular Application

  • Planning the Application
  • Setting Up an Angular Project and App Using the CLI
  • Creating a Basic Project Setup Using Bootstrap 4 and Sass

Working with Angular 5's Parts

  • Creating Components
  • Databinding and String Interpolation
  • Property Binding
  • Event Binding
  • Two-Way-Databinding
  • Data Modelling
  • Directives
  • Bootstrapping
  • Inputs & Outputs

Using Angular 5 Components

  • Data Flow
  • Working with AppModule
  • Working with Custom Components
  • Using Templates and Styles
  • Using View Encapsulation
  • Projecting Content
  • Understanding Component Lifecycle and Lifecycle Hooks
  • Using ViewChildren and ContentChildren

Databinding in Angular 5

  • Overview of Property & Event Binding
  • Binding and Assigning Aliases to Custom Properties
  • Binding and Assigning Aliases to Custom Events

Working with Directives

  • Built-in Directives
  • Custom Directives

Debugging the Application

  • Understanding Error Messages in Angular
  • Using Sourcemaps to Debug Code in the Browser
  • Using Augury

Angular 5 Services

  • Learning the Importance of Services
  • Creating a Logging Service
  • Creating a Data Service

Using Dependency Injection and Providers

  • Injectors, Provider, and Tokens
  • Configuring Dependency Injection
  • Configuring Your Provider
  • Injecting Services into Components, Directives, and Services

Switching Pages with Routing

  • Setting Up Routes
  • Configuring and Loading Routes
  • Understanding the Different Navigation Methods
  • Using Parameters in Routes
  • Creating Nested Routes
  • Using Redirect and Wildcard Routes
  • Understanding Route Guards
  • Understanding Routing Strategies

Using RxJS to Create and Work with Observables in Angular

  • Overview of Observables
  • Overview of RxJS
  • Building & Using Observables in Angular

Handling Forms

  • Using the Template Driven Forms
  • Using the Reactive Forms

Using Pipes

  • Built-in Pipes
  • Async Pipe
  • Custom Pipes

Making Calls to External HTTP APIs

Using Angular Modules

Optimizing the Angular 5 Application

Testing the Angular 5 Application

  • Using Jasmine for unit testing

Angular 5 Security

  • Authentication
  • What should and shouldn't be written in Angular

Deploying an Angular 5 Application to Production

  • Deploying to IIS, Apache, Nginx, etc.


Closing Remarks


  • Familiarity with basic HTML, CSS, and JavaScript


  • Beginners in web development
  • Experienced frontend developers
  • Anyone interested in learning how to develop apps using Angular
  28 Hours


Related Courses

AngularJS Basics

  14 hours

Angular JavaScript

  28 hours

Building Web Apps using the MEAN stack

  35 hours

AngularJS Advanced

  21 hours


  14 hours

AngularJS Good Practices

  14 hours

Angular 2 Fundamentals

  21 hours

JavaScript, jQuery, NodeJS & AngularJS

  56 hours

Angular 4 Fundamentals

  21 hours

Angular 2: Building Web Apps Using the MEAN Stack

  35 hours

Ionic1: Build a Mobile App with Ionic 1 and Angular 1

  14 hours

Ionic2 and Angular2

  14 hours

Angular 4: Advanced

  21 hours

Ionic3: Building Cross-Platform Mobile Apps with Ionic3 and Angular4

  7 hours

Testing Angular Applications

  14 hours