Course Outline

Introduction

  • What is Angular?
  • What's new in Angular 11?

Overview of Typescript and ES6 JavaScript

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

Overview of Angular 11's Parts

  • Angular CLI
  • Components
  • Directives
  • Inputs and Outputs
  • Data Binding and Interpolation
  • Event Binding
  • Data Modelling
  • Bootstrapping
  • Experimental Webpack

Creating Your First Angular Application

  • Planning the Application
  • Setting Up an Angular Project
  • Creating a mobile friendly UI using Bootstrap 4 and Sass

Creating a Component

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

Data Binding in Angular 11

  • Understanding Property and Event Binding
  • Binding and Assigning Aliases to Custom Properties
  • Binding and Assigning Aliases to Custom Events

Working with Directives

  • Built-in Directives
  • Custom Directives

Angular 11 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

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

Using RxJS to Create and Work with Observables in Angular

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

Generating Forms for User Input

  • Using the Template Driven Forms
  • Using the Reactive Forms
  • Creating custom validation
  • Validating, filtering, and sanitizing form data

Using Pipes

  • Transforming output
  • Built-in Pipes
  • Async Pipe
  • Custom Pipes

Making Calls to External HTTP APIs

  • Sending requests

Testing the Angular 10 Application

  • Using Jasmine for unit testing
  • Using Protractor for end-to-end testing

Debugging the Application

  • Understanding Error Messages in Angular
  • Using Sourcemaps to Debug Code in the Browser
  • Reading TypeScript Compilor diagnostics
  • Using Augury

Optimizing the Angular 11 Application

  • Reworking the code
  • Reducing bundle size and eliminating dead-code

Angular 11 Security

  • How authentication works
  • Using JWT authentication
  • What should and shouldn't be written in Angular

Deploying an Angular 11 Application to Production

  • Deploying to IIS, Apache, Nginx, etc.

Angular 11 Best Practices

Troubleshooting

Summary and Conclusion

Requirements

  • Familiarity with basic HTML, CSS, and JavaScript

Audience

  • Developers
 28 Hours

Number of participants


Price per participant

Testimonials (5)

Upcoming Courses