Logo du framework Angular

Découverte du framework Angular en 5 jours

Cette formation vous permettra d'enrichir vos applications en approfondissant vos connaissances de ce framework. Vous apprendrez à créer une application complète en parcourant toutes les subtilités de ce framework Frontend

Programme

Migrer d'AngularJS 1.x à Angular

  • Bonnes pratiques ECMAScript 5
  • ES7/ES6/ES2015, présentation générale
  • Nouveautés syntaxiques : portée, "template string", "arrow functions", les promesses...
  • Le développement JavaScript Objet avec la syntaxe de class
  • Le pattern observer/observable (ES7)
  • La librairie RX.js : opérateur clés pour la manipulation d'observable
  • Outils indispensables. Babel, Traceur et Typescript
  • Typescript en détail, configuration
  • ES6/2015 approche modulaire
  • ES7 gestion de l'asynchronicité : await async
  • "Modules Loaders" : Webpack, "import/export"

L'utilitaire ng ou @angular/cli

  • Utilisation de l'utilitaire en ligne de commande
  • Scaffolder une structure de projet : anatomie et dépendance
  • Configuration des utilitaires de tâches
  • Configuration et commandes clés
  • Lancer un server de développement/production (build)
  • Compilation Ahead of Time. La notion de "Tree Shaking"
  • Gestion des modules : bonnes pratiques
  • BootStrap d'application

Définition de composants

  • Comprendre les Web Components. (standard, concepts, shadow DOM, scoped CSS...)
  • Cycle de vie dans l'application
  • Angular Compiler : Change Detection
  • Syntaxe des templates : interpolation/expression, "Binding" et filtres
  • Directives de transformation : ngIf, ngFor, ngSwitch...
  • Définition syntaxique, le symbole (*)
  • Variables locales et variables de Template
  • Classe de composants. Directives de configuration : selector, provider
  • Evénements utilisateur et événements logiques personnalisés : EventEmitter

Classifications des composants applicatifs & routing

  • Module, RouterModule, SharedModule
  • Component, Directive, Pipe, Service, Guard
  • Principe de l'injection de dépendances
  • Création de services injectables. Classification des services
  • Configuration de l'injecteur
  • Les décorateurs et leurs propriétés en détails
  • @Host, @ContentChild, @ViewChild
  • JavaScript Pure function, PurePipe
  • Liaison de données via HTTP & Gestion et configuration des échanges HTTP au niveau applicatif
  • Création de routes

Tests unitaires

  • Configurer l'environnement de test
  • Présentation de Karma et de Jasmine
  • Ecrire les tests avec Jasmine
  • Ecrire des tests d'intégration avec protractor
  • Couverture du code. Indices du code-coverage
  • BDD Behaviour Driven Developpemnt, TDD Test Driven Developpement
  • Cas de test : pipe, composant, application
  • Angular "Coding guide Style"

Informations pratiques

À qui s'adresse la formation

Développeur souhaitant maîtriser le développement d’application WEB Angular.

Organisation

Jour 1 / Migration et application simple

Jour 2 / Générer avec les outils Cli

Jour 3 / Créer des éléments (composants, services, directives)

Jour 4 / Routing et astuces de navigation

Jour 5 / Les tests unitaires par la pratique

Pré-requis

Maîtriser les bases de JavaScript, du HTML et de CSS.

Objectifs

A l’issu de la formation, les élèves seront capables de :


- Organiser, modulariser et tester ses développements JavaScript

- Maîtriser les fondamentaux du Framework Angular

- 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

Prochaines dates disponibles

18/02

Tarifs

Pour 1 personne :

450€ / jour

À partir de 5 personnes :

400€ / jour

Pour une classe entière :

Ces formations pourraient vous intéresser