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

migration et développement

Practical course - 4d - 28h00 - Ref. AGU
Price : 2570 CHF 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

Practical course in person or remote class
Available in English on request

Ref. AGU
  4d - 28h00
2570 CHF 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.
MATHIS D.
23/06/26
5 / 5

Bonne approche avec les exercices guidés ! Contenu qui permet de se sentir à l’aise avec les concepts de base d’Angular, de se retrouver dans un projet et de comprendre les sujets techniques associés.
GAEL W.
23/06/26
5 / 5

Merci, formation très claire même pour un non développeur web pur, plein de questionnement sur comment débuguer, couverture de tests, backend dans d’autres langages. On a vu avec un collègue que ça ressemblait à du "razor / blazor" dans les termes, ça donne envie d’en savoir plus !
JÉRÉMIE F.
23/06/26
4 / 5

Peut être trop de temps passé en introduction avant de passer réellement au sujet Angular.On ne s’est pas trop basé sur le support de cours, mais celui ci n’est plus à jour au niveau des exemple (par exemple on a encore des ngFor dans les exemple etc etc)En tout cas cela m’a permis de comprendre des concepts que j’ai pu déjà utiliser mais en mode ’copié/collé’ à l’aveugle :)



Publication date : 05/31/2024


Dates and locations

Last places available
Guaranteed date, in person or remotely
Guaranteed session
From 25 to 28 August 2026
FR
Remote class
Registration
From 25 to 28 August 2026
EN
Remote class
Registration
From 29 September to 2 October 2026
FR
Remote class
Registration
From 27 to 30 October 2026
FR
Remote class
Registration
From 24 to 27 November 2026 *
FR
Remote class
Registration
From 15 to 18 December 2026
FR
Remote class
Registration
From 15 to 18 December 2026
EN
Remote class
Registration

REMOTE CLASS
2026 : 25 Aug., 25 Aug., 29 Sep., 27 Oct., 24 Nov., 15 Dec., 15 Dec.