ORSYS formation
CONTACT - +352 26 49 79 1204
CONTACT - 📞 +352 26 49 79 1204    drapeau francais   drapeau anglais

Consult our trainings :

Angular, maîtriser le Framework Front-End de Google Training
migration et développement

Stage pratique
Best
Duration : 4 days
Ref : AGU
Price  2021 : 2490 € excl. taxes
Free breaks and lunches
  • Program
  • Participants / Prerequisite
  • Intra/Tailored
Program

Instructional goals

Learning objectives

À l’issue de la formation, le participant sera en mesure de :
  • 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
PROGRAM

» 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.

» 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.

» 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.

» 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.

» 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.

» 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.
Participants / Prerequisite

» Participants

Prerequisites

» Prerequisite

Hands-on work
Intra/Tailored

Contact Informations

By checking this box, I certify that I have read and accepted the conditions for the use of my data regarding the General Data Protection Regulation (GDPR).
You can at any time modify the use of your data and exercise your rights by sending an email to rgpd@orsys.fr
By checking this box, I agree to receive commercial and promotional communications from ORSYS Training*. You can unsubscribe at any time by using the link included in our communications.
CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Book your place

Click on a session for reserving.

Time schedule

Generally, courses take place from 9:00 to 12:30 and from 14:00 to 17:30.
However, on the first day attendees are welcomed from 8:45, and there is a presentation of the session between 9:15 and 9:30.
The course itself begins at 9:30. For the 4- or 5-day hands-on courses, the sessions finish at 15:30 on the last day
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys