Course : AngularJS 2 : Mastering Google's front-end framework

migration et développement

Practical course - 4d - 28h00 - Ref. AGU
Price : 2190 € E.T.

AngularJS 2 : Mastering Google's front-end framework

migration et développement


Required course New edition of the course schedule



INTER
IN-HOUSE
CUSTOM

In person or remote class
Available in English on request

Ref. AGU
  4d - 28h00
2190 € E.T.






Teaching objectives
At the end of the training, the participant will be able to:
Master the fundamentals of the AngularJS 2 Framework
Quickly create complex Web applications
Know how to integrate unit tests into development
Learn best practices for development and entering production
Participants
Modular composition of an application with AngularJS 2
TRAINING PROGRAM

Course schedule

1
» JavaScript development: Refreshers

  • ECMAScript 5 best practices.
  • ES6/ES2015, general overview.
  • New syntax: scope, "template string", "arrow functions", etc.
  • Essential tools. Babel, Traceur, and Typescript.
  • Typescript in detail, configuration.
  • ES6 modular approach.
  • "Modules Loaders": SystemJS, "import/export".
  • Hands-on work ¤Migrating an ES5/ES6 script. Implementing the environment with TypeScript.

2
» Migrating from AngularJS 1.x to AngularJS 2

  • Comparison and "topography" of concepts.
  • Prepare for migration. Structure of an AngularJS 2 application.
  • The modules AngularJS 2, "core" and common modules.
  • Principle of dependency injection.
  • Classification of directives: Component, Attribute, Structure.
  • Decorators: Defining hierarchies.
  • Hands-on work ¤Migrating an AngularJS 1.x application to AngularJS 2.

3
» Dependency injection

  • Using annotations and decorators.
  • Configuring the injector.
  • Managing modules: Best practices.
  • Creating injectable services. Classifying services.
  • "BootStrapping" an application.
  • Hands-on work ¤Structuring, "scaffolding" an application project.

4
» Defining components

  • Life cycle in the application.
  • Template syntax: Interpolation/expression, "Binding", and filters.
  • Transformation directives: ngIf, ngFor, ngSwitch, etc.
  • Syntactical definition, the (*) symbol. Local variables.
  • Class of components. Configuration directives: Selector, provider.
  • User events.
  • Hands-on work ¤Creating components.

5
» Managing forms, Routing, and HTTP queries

  • Control and ControlGroup.
  • Validation and custom error management.
  • "FormBuilder", advanced form components.
  • Data link via HTTP.
  • Creating routes. Settings and wildcard.
  • Targeting, "router-outlet", routing events.
  • Hands-on work ¤Validation form. Consuming a REST API.

6
» Unit tests. Best practice and tools

  • Configuring the test environment.
  • Writing tests Jasmine. Coverage.
  • Test case: Pipe, component, application.
  • ngUpgrade: Coexistence and ngForward.
  • AngularJS2 "Coding guide Style".
  • Hands-on work ¤Writing unit tests. Implementing TDD.


Customer reviews
4,5 / 5
Customer reviews are based on end-of-course evaluations. The score is calculated from all evaluations within the past year. Only reviews with a textual comment are displayed.
PIERRE L.
24/03/26
3 / 5

Contenu de la formation pertinent et utile. Les éléments présentés apportent les notions nécessaires. Un bémol toutefois : la mise en application ne semble pas adaptée. Dès que l’intitulé des exercices est donné, le formateur procède à la démonstration et ne revient pas (ou peu) en arrière. Le corrigé n’est donné qu’à la toute fin de la formation. Nous n’avons pas le temps de réfléchir aux exercices, et passons une partie significative du temps à recopier le code écrit par le
THERY P.
24/03/26
4 / 5

Satisfait dans l’ensemble, j’aurais souhaité approfondir les "nouveautés" d’Angular, les signaux notamment mais le fait d’être entre 2 "approche" d’angular ne permettait pas de s’y attarder de trop.
ANTONIO F.
24/03/26
4 / 5

La formation en elle-même est très complète, mais en tant que module du parcours Développeur Front end, elle se révèle être très voire trop poussée surtout après le module "JavaScript, HTML dynamique" (DHL) qui pose les bases de programmation, la syntaxe etc. Le programme semble destiné à des développeus ayant déjà une experience avec Angular. Mais pour moi, en tant que débutant, elle s’est parfois révélée assez déroutante.



Publication date : 05/31/2024


Dates and locations
Select your location or opt for the remote class then choose your date.
Remote class

Last places available
Guaranteed date, in person or remotely
Guaranteed session

REMOTE CLASS
2026 : 21 Apr., 26 May, 23 June, 23 June, 28 July, 25 Aug., 25 Aug., 29 Sep., 27 Oct., 24 Nov., 15 Dec., 15 Dec.

PARIS LA DÉFENSE
2026 : 21 Apr., 26 May, 23 June, 28 July, 25 Aug., 29 Sep., 27 Oct., 24 Nov., 15 Dec.

LUXEMBOURG
2026 : 15 Dec.