Ce programme inclut la formation Angular 2 jusqu’à Angular 16, car c’est le même framework ! Je vous explique tout ici.
Pourquoi une formation Angular ?
Créer une application web en JavaScript en partant de zéro, c’est possible, mais cela sera très long et fastidieux. Angular est un framework JavaScript qui vous permet d’organiser votre code, de mettre en place des fonctionnalités avancées rapidement et facilement, et de s’assurer que votre application sera performante.
Formation Angular : pour qui ?
Cette formation s’adresse aux développeurs :
- elle n’est pas adaptée à des débutants en programmation,
- la connaissance d’un langage quelconque suffit (PHP, Java, C#…) : nos guides de préparation vous permettront de vous mettre à niveau en JavaScript avant le formation,
- il n’est pas nécessaire de connaître la version 1 d’Angular.
Si vous travaillez déjà avec Angular, direction la formation Angular avancé.
Objectifs de la formation Angular
- Maîtriser les fonctionnalités d’Angular
- Créer des applications web rapidement, pour tous les supports (mobile et bureau)
- Architecturer ses développements JavaScript grâce à un framework
Programme de la formation Angular
Les fondamentaux d’Angular
Toutes les fonctionnalités centrales d’Angular pour construire une application sont abordées.
- ES6+ et TypeScript
- Composants et services : @angular/core
- Templating et data-binding : @angular/common
- Routing : @angular/router
- AJAX / requêtes HTTP : @angular/common/http
- Formulaires : @angular/forms
- Directives et pipes (filtres)
- Mise en production / déploiement
N’hésitez pas à vous référer à l’ancienne fiche de notre formation Angular 2 si vous avez besoin de plus de détails sur le programme de ces fondamentaux.
Architecture Angular
L’un des points les plus importants de la formation est l’architecture d’un projet Angular. C’est le genre de choses qui n’est pas expliqué dans la documentation officielle et qui nécessite un retour d’expérience.
Nous mettons en place une architecture évolutive : elle s’adapte aussi bien à des petits projets rapides qu’à de très gros projets. C’est ce qui fera toute la différence pour qu’un projet tienne la route à long terme.
- Les différents types de NgModules : features, core
- Les différents types de composants : pages, présentation
- Points d’entrée et raccourcis d’imports
- Quand et où importer un NgModule ?
- Communiquer entre composants : @Input, @Output, @View/ContentChildren, <ng-content>
Bonnes pratiques Angular
Une application ne peut pas se permettre la moindre erreur. Il est donc très important de démarrer un projet Angular avec les bons choix de configuration, pour assurer un code fiable et robuste.
- TypeScript strict
- Lint strict
- Compileur Angular strict
Méthodologie et productivité
Savoir faire les choses, c’est bien, savoir les faire efficacement, c’est encore mieux. La formation vous fournit une méthodologie reproductible et utilise des outils qui augmentent la productivité, dont certains sont développés par notre formateur contributeur.
- Angular CLI
- Angular Schematics
- Angular Language Service
- Comparatif des design systems : Material / PrimeNG / Ionic
Mise en production
Nous allons jusqu’à la mise en production pour être opérationnel.
- Build de production : compression, tree-shaking
- Variables d’environnement
- Gestion du serveur web
RxJS : asynchronisme et state
Les traitements asynchrones sont la grande difficulté en JavaScript. Angular a fait le choix de RxJS pour gérer ce problème. C’est un outil très puissant, mais pas facile d’accès : c’est le sujet sur lequel tout le monde trébuche dans Angular. La formation se charge de démystifier RxJS et de le rendre accessible.
- Programmation fonctionnelle et réactive
- Promises vs. Observables
- Observable vs. Subject vs. BehaviorSubject vs. ReplaySubject
- Les principaux opérateurs RxJS
- Async pipe
- Gestion des données transversales (state)
- Comparatif des solutions de store : RxJS pur / ngrx / ngxs
Application
Le code d’une application Angular peut être déployé sur tous les supports : en mode site web classique, en mode mobiles / tablettes et même en mode bureau. Ce dernier choix, encore peu connu, est très intéressant pour une cible d’entreprise.
- Authentification : JSON Web Token (JWT)
- Stockage local
- Service worker
- Progressive Web App (PWA)
- Comparatif des solutions mobiles : Capacitor / Cordova / Ionic
- Comparatif des solutions bureau : Electron