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

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

Durée 

4 jours soit 28 heures

Prix public

2.480 € HT

Dates

  • sur demande

Public concerné

​Architectes, développeurs et chefs de projets Web.

Objectifs pédagogiques

  • Organiser, modulariser et tester ses développements JavaScript

  • Maîtriser les fondamentaux du Framework AngularJS 2

  • Créer rapidement des applications Web complexes

  • Savoir intégrer les tests unitaires au développement

  • Connaître les bonnes pratiques de développement et de mise en production

Pré requis 

Bonnes connaissances des technologies du Web et des outils modernes de développement Front-End. Connaissances de JavaScript.

Travaux pratiques 

​Composition modulaire d'une application avec AngularJS 2.

Méthode Pédagogique

Chaque nouveau concept théorique sera appliqué immédiatement de façon pratique.

Profil formateur 

 Instructeur certifié par Ansible

Délai d’accès 

Se référer aux dates figurant au planning

Évaluations et sanctions de la formation

  • Quizz intermédiaires 

  • Lab technique en fin de module

  • Évaluation de satisfaction via un questionnaire pré formation, à chaud et à froid

  • Attestation de présence et de formation