2ANG
3 jours
60%
Formation Angular.
Avec notre formation Angular, apprenez à développer des applications web performantes rapidement
Cette formation Angular vous permettra de maîtriser la dernière version du framework JavaScript développé par Google. Optimisez le développement de vos applications web, en réalisant des travaux pratiques et en obtenant des retours d'expérience. Grâce à cela, vous aurez toutes les compétences et les bonnes pratiques nécessaires à un développement d'application web autonome et pérenne. Un support de cours vous sera également offert pour cette formation.
Objectifs pédagogiques.
Programme de formation Angular.
PDFIntroduction à la formation Angular
Présentation générale et objectifs de cette formation Angular
Décrypter la philosophie de Google pour Angular
Ce qu’apporte Angular au web development
Avant de démarrer Angular : TypeScript, Babel, JavaScript (EcmaScript 2015, ES7, ES2018…)
Le W3C et les Web Components (custom elements, shadow DOM, HTML templates et imports)
Versionning : différences entre AngularJS et Angular
Atelier : Tour de présentation stagiaires et formateur, contextes professionnels et buts de la formation pour les stagiaires.
Structure du framework et fondamentaux
Vue globale de l’architecture Angular : services, composants…
Organisation générale d’une application Angular
Syntaxes, Templates, Pipes et directives, injection de dépendances
Les conteneurs NgModules, l’encapsulation : organisation générale du code Angular
Webpack, nouvelles fonctionnalités d’Angular CLI et packages requis
Comment gérer les données dynamiques avec le databinding
Cas pratiques possibles : Installer et configurer l’environnement et les outils ; Créer sa première application Angular de A à Z à l’aide d’Angular CLI…
Composants, templates et liaison de données (databinding)
Démarrer un projet Angular
Propriétés et différences des annotations et des décorateurs
Les différents mécanismes d’interaction entre les composants
Angular components : leur structure, leur hiérarchie et leur cycle de vie
ViewEncapsulation : Ajouter des styles aux composants
Databinding : l’interpolation et la liaison de données, two-way binding de composants
Angular Elements : utiliser les packages de web components
Cas pratiques possibles : Créer des composants Angular, leur ajouter des styles, utiliser les différents types de databinding, transformer les composants en Angular Elements…
Directives et pipes
Directives structurelles (ngFor, ngIn et les ngSwitch)
Directives par attribut (ngModel, ngStyle, ngClass…)
Pipes natifs (UpperCasePipe, CurrencyPipe, DatePipe …)
Le pipe keyvalue
Créer ses propres directives et ses propres pipes
Cas pratiques possibles : Utiliser efficacement les directives, enrichir ses composants en manipulant ses propres pipes, Change Detection…
Services et injection de dépendances
Bien comprendre les injections de dépendances
Les injecteurs et instances dans Angular
Créer un service basique et l’enregistrer selon différentes options
Les tree-shakable providers pour la déclaration des services
Cas pratiques possibles : Développer et déclarer des services personnalisés.
Formulaires
Template-driven, reactive… quelles manières de créer des formulaires ?
Comment bien gérer le flux de données
Sécurité : comment gérer les erreurs et les valider
Créer des validateurs personnalisés
Ajout de validateurs aux questionnaires
Cas pratiques possibles : Créer un formulaire template-driven ou reactive, enregistrer et mettre en œuvre des tests et des contrôles.
Bibliothèque RxJS et Observables
Comprendre la programmation réactive, les observables et les observateurs et les utiliser
Les Subjects et leur intérêt
Principes du RxJS (Reactive Extensions for JavaScript)
Gérer les requêtes HTTP avec l’API HttpClient
Les principaux opérateurs : map(), filter(), throttleTime(), scan() et reduce()
Cas pratiques possibles : Utiliser les observables et analyser leur utilité par rapport aux autres techniques comme arrays, event handlers ou encore promises. Gérer les interactions avec un serveur Firebase.
Navigation et Routing Angular
Panaroma du routage Angular
Créer et paramétrer des routes, des URLs, gérer les redirections
Paramétrer les routes, les redirections et les guards
Naviguer avec routerLink et navigate
Exemples de cas pratiques : Définir les routes et naviguer à l’intérieur d’une application.
Tests
Configurer l’environnement de test, les bonnes pratiques de testing
Karma et Jasmine
Tests End-To-End : l’utilité de Protractor
Exemples de cas pratiques : Mettre en œuvre une démarche TDD (Test Driven Development) et tests unitaires.
PWA, Schematics, Service Workers : quelques concepts Angular avancés
Quels changements et quelles nouveautés avec la dernière version ?
Qu’est-ce qu’une Progressive Web App ?
Présentation des Service Workers (Angular 5+)
Compilation Ahead of Time (AoT)
Angular Material et Component Dev Kit (CDK) pour l’UI Design
ng update pour migrer automatiquement, ng add et bien utiliser les Schematics
Concepts avancés, lazy-loading
Cas pratiques possibles : Implémenter une PWA, Ajouter des service workers…
Nos autres formations en Développement Front-End .
Formation Angular
Formation Angular Avancé
Formation D3.js
Formation HTML et CSS
Formation JavaScript
Formation JavaScript Perfectionnement
A travers sa Charte Engagement Qualité, Sparks s’engage à tout mettre en œuvre pour que chaque session de formation soit un succès et que votre satisfaction soit totale.
À propos de Angular.
Développé par Google, Angular est un framework JavaScript. Successeur d’AngularJS, le but d’Angular est de simplifier le développement d’applications web en permettant de mieux organiser son code et en apportant de nombreuses fonctionnalités de façon simplifiée et plus accessible. Bien que lui succédant, Angular reste très différent d’AngularJS puisque les deux ont des approches diamétralement opposées du développement.
En effet, avec Angular, l’accent est mis sur la modularité, mais également sur son aspect communautaire, puisque, au-delà de l’équipe Google, Angular est également développé de manière participative au travers de feedback.
Grâce à notre formation Sparks sur Angular, vous maîtriserez ce framework Java afin de développer des applications web de manière optimisée. Vous serez en mesure d’utiliser au mieux les riches fonctionnalités du framework fondé sur TypeScript de Microsoft, comme le testing avec Karma ou l’augmentation de productivité avec Angular CLI. Avec cette formation, vous aurez la capacité de développer des applications web natives pour tous les supports (bureau, mobile ou encore tablette).
Cette formation professionnelle pour Angular vous apprendra également les bonnes et les mauvaises pratiques du framework, ainsi que ses avantages et ses inconvénients par rapport à AngularJS.
Développez efficacement des applications web performantes grâce à ce framework open-source JavaScript et à notre formation Angular Sparks.
