Course Outline

Introduction

  • 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.

Troubleshooting

Closing Remarks

Requirements

  • Familiarity with basic HTML, CSS, and JavaScript

Audience

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

Number of participants


Starts

Ends


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

Testimonials (1)

Related Courses

Related Categories