3 days (21 hours)

Course overview

Angular has become a key framework in the Frontend ecosystem. Developed by Google, this framework has established itself as the reference framework. This course is updated to the latest version of Angular.

Learning outcomes

This course teaches participants the following skills:

  • Develop (single page) applications with Angular
  • Understand the orientations of the Angular framework (components, server calls, forms, dependency injection, etc.)


To get the most out of this course, participants should have:

  • Knowledge of HTML and CSS.

Having followed or have knowledge equivalent to the courses:

  • JavaScript: language fundamentals
  • JavaScript: Developing web applications
  • TypeScript: language fundamentals

Target audience

This course is intended for the following participants:

Developers, integrators, software architects, technical project managers

Course Outline

1 Getting started with Angular

  • Angular installation
  • Getting started with a component
  • Starting an application
  • Presentation of modules


  • Creating a component
  • Running an application

2 Databinding

  • Getting started with the Angular databinding mechanism: variables, properties, events


  • Creation of binding variables and properties
  • Creation of an event

3 Observables

  • Angular choice to use RxJS
  • Basic principles of an observable
  • Presentation of some operators


  • Basic handling of observables

4 Components

  • Analysis of the attributes of a component
  • Presentation of the directives
  • Presentation of annotations
  • Presentation of classes
  • Presentation of communication between components
  • Presentation of the life cycle of a component


  • Creation of a component and a subcomponent to test nesting and communication
  • Event management on a component

5 Server communication

  • Presentation of the http module
  • Handling observables


  • Handling a server call
  • Handling observables

6 Routing

  • Setting up the router
  • Router configuration


  • Setting up a navigation mechanism

7 Services

  • Getting started with Angular services
  • Presentation of dependency injection


  • Creation of a service

8 Forms & validation

  • Presentation of the different form elements
  • Template-driven form
  • Model-driven form
  • Manipulation of validators


  • Template driven, model driven form creation
  • Creation of a validator

9 Pipes

  • Presentation of pipes
  • How to create your own pipes


  • Use of Angular pipes
  • Creation of a custom pipe

10 Advanced use of directives

  • Reminders on directives
  • How to create your directive


  • Creation of a directive

11 Advanced communication

  • Presentation of the Flux pattern
  • Presentation of NgRX and NgXs tools


  • Handling NgRX or NgXs

12 Module: Deployment

  • Presentation of the deployment of Angular applications
  • Jit, AoT
  • Introduction to diagrams


  • Generating an Angular application

13 Testing an application

  • Presentation of tests on Angular
  • Karma & Jasmine
  • Asynchronous tests
  • Mocking mechanism


  • Unit testing of a service, a component and a directive

14 Advanced concepts

  • Angular and lazy loading
  • Using guard
  • Presentation of zones and the OnPush strategy
  • Advanced routing


  • Breakdown of the application into module to lazyload
  • Use of advanced routing

€1590 ex. VAT

Contact us

You can unsubscribe from our communications at any time.

In order to take into account your request, we must store and process your personal data. If you authorize us to store your personal data for this purpose, check the box below.

By clicking on « Send » below, you authorize SFEIR to store and process the personal data submitted above so that it can provide you with the requested content.