AngularJS 2, maîtriser le Framework Front-End de Google
migration et développement  Version 2023

Description

AngularJS, devenu la référence des infrastructures JavaScript côté client, propose une refonte du coeur du Framework en s'appuyant sur les nouveaux standards du Web. Cette formation vous permettra d'en maîtriser les concepts et d'améliorer les performances de vos applications notamment mobiles.

​

Contenu du cours

Développement JavaScript : rappels

• Bonnes pratiques ECMAScript 5.

• ES6/ES2015, présentation générale.

• Nouveautés syntaxiques : portée, "template string", "arrow functions"...

• Outils indispensables. Babel, Traceur et Typescript.

• Typescript en détail, configuration.

• ES6 approche modulaire.

• "Modules Loaders" : SystemJS, "import/export".

 

Travaux pratiques :
Migrer un script ES5/ES6. Mise en oeuvre de l'environnement avec TypeScript.

 

Migrer d'AngularJS 1.x à AngularJS 2

• Comparaison et "topographie" des concepts.

• Préparer la migration. Structure d'une application AngularJS 2.

• Les modules AngularJS 2, "core" et principaux modules.

• Principe de l'injection de dépendance.

• Classification des directives : Composant, Attribut, Structure.

• Les décorateurs : définition des hiérarchies.

 

Travaux pratiques :
Migrer une application AngularJS 1.x vers AngularJS 2.

 

Injection de dépendances

• Utiliser les annotations et décorateurs.

• Configuration de l'injecteur.

• Gestion des modules : bonnes pratiques.

• Création de services injectables. Classification des services.

• "BootStrap" d'application.

 

Travaux pratiques :
Structurer, "scaffolder" un projet d'application.

 

Définition de composants

• Cycle de vie dans l'application.

• Syntaxe des templates : interpolation/expression, "Binding" et filtres.

• Directives de transformation : ngIf, ngFor, ngSwitch...

• Définition syntaxique, le symbole (*). Variables locales.

• Classe de composants. Directives de configuration : selector, provider.

• Evènements utilisateur.

 

Travaux pratiques :
Création de composants.

​

Gestion des formulaires, "Routing" et requête HTTP

• Control et ControlGroup.

• Validation et gestion d'erreur personnalisée.

• "FormBuilder", composants avancés de formulaire.

• Liaison de données via HTTP.

• Création de routes. Paramètrage et wildcard.

• Ciblage, "router-outlet" événements de routage.

​

Travaux pratiques :

Formulaire validation. Consommation d'une API REST.

 

Tests unitaires. Bonnes pratiques et outils

• Configurer l'environnement de test.

• Ecrire les tests avec Jasmine. Couverture.

• Cas de test : pipe, composant, application.

• ngUpgrade : coexistence et ngForward.

• AngularJS2 "Coding guide Style".

 

Travaux pratiques :

Rédaction de tests unitaires. Mise en oeuvre TDD.

​​

* Formation distanciel possible :

• de votre entreprise

• de chez vous

• de nos locaux à Sophia Antipolis (équipement Cisco Webex Board)

​​​

Nos formations sont accessibles aux personnes en situation de handicap.

Un questionnaire envoyé en amont de la formation invite les participants à nous contacter s’ils ont besoins d’aménagements spécifiques en lien avec leur situation de handicap. Nous nous employons à rechercher, avec les personnes concernées, les moyens de compensation qui leur seront adaptés.

Pour en valider l'accès merci de nous contacter contact@formation-IT.org