Développement

Formation Angular 12 - Initiation au développement d'application web modernes

5 jour(s) • 35h

Éligible OPCO

8,8/10 avis apprenants

Description

Objectif de la formation : Cette formation vise à fournir aux participants une maîtrise approfondie d’Angular 12 pour le développement d’applications web modernes, en intégrant les concepts avancés du framework, la programmation réactive et les bonnes pratiques de développement et de mise en production.

Comprendre les principes fondamentaux et avancés d’Angular 12.
Développer des applications modulaires et performantes.
Utiliser TypeScript et les dernières évolutions d’ES2015+.
Implémenter les meilleures pratiques pour la gestion des composants, des services et du routing.
Mettre en place une programmation réactive avec RxJS.
Assurer la qualité du code via les tests unitaires et end-to-end.
Gérer l’internationalisation et le déploiement d’applications Angular.

Développeurs web
Ingénieurs logiciels
Architectes

Connaissances de base en HTML, CSS, et JavaScript
Familiarité avec les concepts de programmation orientée objet
Facultatif : Une compréhension basique de TypeScript et une expérience du JavaScript

1
Introduction à Angular 12 (7 heures)
- Introduction au futur du Web : concepts clés, tendances, place d’Angular.
- ES2015+ et nouveautés JavaScript : let/const, classes, modules, async/await.
- Introduction à TypeScript : typage statique, classes, interfaces, décorateurs.
- Web Components et Angular : compatibilité et usage.
- Premiers pas avec Angular 12 : philosophie, structure, installation.
- Angular CLI et Vite : utilisation avancée et gain de productivité.
- Travaux pratiques : Création d’un projet Angular, première application, exploration des fichiers et configuration.
2
Développement d’applications avec Angular (7 heures)
- Templating avancé : Interpolation, Property & Event Binding.
- Directives structurelles et Syntaxe Control Flow : ngIf, ngFor, ngSwitch.
- Composants et directives : création, communication avec @Input et @Output.
- Cycle de vie des composants : hooks et optimisation.
- Standalone Components et NgModules optionnels.
- Travaux pratiques : Création d’une application multi-composants avec interactions.
3
Services, gestion des données et interactions (7 heures)
- Injection de dépendances et services Angular.
- Gérer l’état avec RxJS : introduction aux Observables et opérateurs.
- Programmation réactive et gestion des évènements avec RxJS.
- Gérer les échanges avec un serveur : requêtes HTTP, Intercepteurs, Sécurité.
- Routing avancé : routes imbriquées, lazy-loading, routes protégées.
- Travaux pratiques : Consommation d’une API REST, gestion d’état avec RxJS, création d’un routing dynamique.
4
Formulaires, tests et performance (7 heures)
- Formulaires Angular : approche template-driven vs reactive forms.
- Validation et gestion des erreurs : validation native et personnalisée.
- Optimisation des performances : Change Detection, compilation JiT/AoT, lazy-loading.
- Tests unitaires et end-to-end : Karma, Jasmine, Cypress, Playwright.
- Travaux pratiques : Création d’un formulaire réactif avec validation, tests unitaires et end-to-end sur l’application développée.
5
Concepts avancés et mise en production (7 heures)
- Signaux dans Angular : signal, computed, interopérabilité avec RxJS.
- Internationalisation : Pipes, gestion des traductions, formatage dynamique.
- Préparation au déploiement : best practices, optimisation du bundle, intégration CI/CD.
- Déploiement sur serveur ou cloud : configuration et mise en ligne.
- Travaux pratiques : Mise en production d’une application complète avec Angular, internationalisation et déploiement.

Ils nous font Confiance

Nos partenaires de confiance

Questions fréquentes

FAQ : Formation Angular 12 - Initiation au développement d'application web modernes

Oui, mais la prise en charge d'une formation professionnelle par un OPCO dépend de votre opérateur de compétences, de votre branche d'activité et des critères de financement applicables. Ascent Formation vous accompagne dans l'identification des possibilités de financement adaptées à votre entreprise.
Une formation inter-entreprises réunit des participants issus de différentes organisations, tandis qu'une formation intra-entreprise est organisée pour les collaborateurs d'une même entreprise. Le format intra permet notamment d'adapter le contenu et les modalités aux besoins spécifiques de vos équipes.
Selon la formation proposée, il est possible de suivre une formation professionnelle à distance, en présentiel ou selon d'autres modalités disponibles. Consultez les informations de la session concernée ou contactez-nous pour connaître les formats possibles.
Oui, une formation professionnelle peut être adaptée aux objectifs, au niveau des participants et aux besoins opérationnels de votre entreprise. Ascent Formation vous propose des parcours personnalisés pour accompagner le développement des compétences de vos équipes.