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

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.
 

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.

Sur le même thème

SARL DIG-IT

Simplifiez vous l'IT

 

Tél : +33 (0)6 09 52 48 96

Mail : sandra@formation-IT.org

Centre de Formation enregistré

sous la DA n° 93.06.07876.06

SIRET 822 060 372 00015 - APE 7022Z 

  • Twitter Classic
  • LinkedIn Social Icon
  • Facebook Social Icon