Angular 12


Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges.

Angular empowers developers to build applications that live on the web, mobile, or the desktop.


  • Gain a deep understanding of Angular
  • Learn the fundamentals of Angular from setup to deployment
  • Build apps using Angular


This course targets frontend developers interested in learning how to develop apps using Angular.


Participants of this course should have familiarity with basic HTML, CSS, and JavaScript.


  • Introduction
  • Writing Your First Angular App
  • TypeScript
  • Understanding the Core Concepts of Angular
  • Components in More Detail
  • Databinding in More Detail
  • Directives in More Detail
  • How to Debug in Angular
  • Services
  • Dependency Injection & Providers
  • Routing
  • Using RxJS to Create and Work with Observables in Angular
  • Handling Forms
  • Pipes
  • Angular Training Last Subjects


  • Background and Overview of Angular
  • Angular versions and differences
  • Introduction to TypeScript

Writing Your First Angular App

  • Installing the Angular CLI
  • Setting Up an Angular Project and App Using the CLI
  • Editing an Angular App
  • Creating a Basic Project Setup Using Bootstrap


  • Setting Up TypeScript
  • Learning the Basics of ES6 JavaScript and TypeScript

Understanding the Core Concepts of Angular

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

Components in More Detail

  • Architecting an Angular App
  • Data Flow
  • Creating a New Component
  • Understanding the Importance of 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 More Detail

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

Directives in More Detail

  • Built-in Directives
  • NgFor
  • Nglf & NgSwitch
  • NgStyle & NgClass
  • NgNonbindable
  • Structural Directives
  • Custom Directives
  • Creating a Custom Directive
  • Using the Renderer
  • Using HostListener & HostBinding
  • Configuring a Directive

How to Debug in Angular

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


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

Dependency Injection & Providers

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


  • 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 Approach
  • Using the Reactive Model Approach


  • Built-in Pipes
  • Async Pipe
  • Custom Pipes

Angular Training Last Subjects

  • Making Calls to External HTTP APIs
  • Setting Up Authentication and Route Protection
  • Understanding How to Use Angular Modules
  • Optimizing Angular Apps
  • Learning How to Deploy an Angular App
  • Learning How to Perform Basic Unit Testing in Angular
  • Internationalization (i18n)

Outras datas e horários


Quero saber mais informações sobre este curso

Angular 12

Desenvolvimento | 28h - e-learning


Pretende mais informação sobre este curso?

Preencha o formulário com os seus dados e as suas questões e entraremos em contacto consigo para lhe darmos todas as informações pretendidas.