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
Disponible en anglais, à la demande

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,4 / 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

A great approach with the guided exercises! The content helps you feel comfortable with the basic concepts of Angular, find your feet in a project and understand the related technical topics.
GAEL W.
23/06/26
5 / 5

Thank you – the training was very clear, even for someone who isn’t strictly a web developer. It raised lots of questions about debugging, test coverage and back-end development in other languages. A colleague and I noticed that the terminology was similar to ‘Razor / Blazor’ – it’s made us want to find out more!
JÉRÉMIE F.
23/06/26
4 / 5

Perhaps too much time was spent on the introduction before actually getting to the subject of Angular. We didn’t rely too heavily on the course materials, but these are no longer up to date in terms of the examples (for example, there are still ngFor loops in the examples, etc., etc.). In any case, it helped me understand concepts that I’d already used, but only by blindly ‘copying and pasting’ :)



Publication date : 05/31/2024



This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.

Dates and locations

Dernières places
Date garantie en présentiel ou à distance
Session garantie
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
From 16 to 19 March 2027
FR
Remote class
Registration
From 16 to 19 March 2027
EN
Remote class
Registration
From 11 to 14 May 2027
FR
Remote class
Registration
From 15 to 18 June 2027
FR
Remote class
Registration
From 15 to 18 June 2027
EN
Remote class
Registration
From 24 to 27 August 2027
FR
Remote class
Registration
From 24 to 27 August 2027
EN
Remote class
Registration
From 26 to 29 October 2027
FR
Remote class
Registration
From 26 to 29 October 2027
EN
Remote class
Registration
From 14 to 17 December 2027
FR
Remote class
Registration

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

2027 : 16 Mar., 16 Mar., 11 May, 15 June, 15 June, 24 Aug., 24 Aug., 26 Oct., 26 Oct., 14 Dec.



This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.