Angular, maîtriser le Framework Front-End de Google
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 21/11/2022. Dernière mise à jour le 27/10/2023.
Version du programme : 3
Programme de la formation
Cette formation de 4 jours offre une immersion complète dans le framework Angular version 16.1.0, couvrant depuis les fondamentaux d'Angular, la programmation réactive, jusqu'aux nouvelles fonctionnalités comme le système de réhydratation et le modèle de réactivité. Les participants auront l'opportunité de mettre à jour leurs compétences à travers des exemples pratiques, des exercices de codage, et des discussions sur les meilleures pratiques, tout en anticipant les évolutions futures avec Angular 17. En outre, des modules sur les tests unitaires et le déploiement d'applications Angular assurent une compréhension holistique, préparant les apprenants à appliquer efficacement leurs connaissances dans des environnements professionnels.
Objectifs de la formation
- Acquérir une compréhension solide des principes fondamentaux d'Angular, tout en se familiarisant avec les nouvelles fonctionnalités introduites dans la version 16.1.0, comme le nouveau système de réhydratation et le modèle de réactivité.
- Développer des compétences en programmation réactive en utilisant RxJS, comprendre et appliquer les concepts d'observables, de souscriptions et d'opérateurs dans le développement d'applications Angular.
- Configurer et de gérer le routage dans une application Angular, ainsi que de créer et de gérer des requêtes HTTP en intégrant des pratiques sécurisées et optimisées.
- Configurer l'environnement de test, écrire et exécuter des tests unitaires et d'intégration, et déployer efficacement des applications Angular sur un serveur web, tout en suivant les meilleures pratiques pour l'optimisation et la gestion de l'authentification.
Profil des bénéficiaires
Pour qui
- Développeurs front-end et full-stack, architectes logiciels, et professionnels IT ayant une connaissance de base en JavaScript et souhaitant maîtriser Angular pour le développement d'applications web modernes et performantes.
Prérequis
- Connaissance de base en JavaScript, expérience préalable en programmation web et familiarité avec les concepts de programmation orientée objet.
Contenu de la formation
-
Jour 1: Rappel sur JavaScript et Introduction à TypeScript et Angular
- 9h00 - 10h30: Historique et évolution de JavaScript Bonnes pratiques ECMAScript 5
- 10h45 - 12h30: ES13/ES6/ES2015: présentation générale, nouveautés syntaxiques (collections, template strings, affectation destructurée, arrow functions, promesses, boucles, etc.)
- 13h30 - 15h00: Introduction à TypeScript : configuration, les bases de TypeScript Les décorateurs en TypeScript
- 15h15 - 17h00: Introduction à Angular: structure de l’application, composants, modules Angular Prise en main d'Angular CLI
-
Jour 2: Profondeur sur les Composants et la Programmation Réactive
- 9h00 - 10h30: Les templates et les styles en Angular Les différents types de binding en Angular
- 10h45 - 12h30: Directives et directives personnalisées Variables de template et gestion des événements
- 13h30 - 15h00: Introduction à la programmation réactive avec RxJS Les observables, souscriptions et opérateurs de base
- 15h15 - 17h00: Les Hots observables et observables d’ordre 2 Exercices pratiques sur la programmation réactive
-
Jour 3: Services, Injection de Dépendance et Routage
- 9h00 - 10h30: Services et injection de dépendance en Angular Providers et hiérarchie des injecteurs
- 10h45 - 12h30: Introduction aux requêtes HTTP Création et gestion des requêtes HTTP
- 13h30 - 15h00: Gestion de routes dans l'arbre des composants Directives RouterLink et RouterLinkActive
- 15h15 - 17h00: Transmission de paramètres dans les routes Configuration des "Guard" pour l'initialisation des routes
-
Jour 4: Tests, Déploiement et Nouveautés Angular 16
- 9h00 - 10h30: Configuration de l'environnement de test Introduction à Karma et Jasmine
- 10h45 - 12h30: Écriture de tests avec Jasmine Écriture de tests d'intégration avec Protractor
- 13h30 - 15h00: Nouveautés d'Angular 16 : système de réhydratation, modèle de réactivité, et support amélioré pour le rendu côté serveur Discussion sur les évolutions futures d'Angular et préparation pour Angular 17
- 15h15 - 17h00: Préparation des fichiers pour le déploiement Optimisation et déploiement sur un serveur web
Équipe pédagogique
Nos formations sont animées par des experts reconnus dans leur domaine possédant une expérience sur le terrain significative et des compétences pédagogiques reconnues.
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence.
- Questions orales ou écrites (QCM).
- Mises en situation.
- Formulaires d'évaluation de la formation.
- Certificat de réalisation de l’action de formation.
Ressources techniques et pédagogiques
- Approche Interactive et Pratique : Utilisation d'exemples pratiques, d'exercices de codage, et de projets en temps réel pour permettre aux participants d'appliquer les concepts appris, favorisant ainsi l'apprentissage expérientiel et la rétention des connaissances.
- Supports Diversifiés et Feedback Continu : Mise à disposition de supports pédagogiques variés tels que des diapositives, des vidéos tutorielles, et de la documentation, combinée à des sessions de revue et de feedback pour évaluer et améliorer continuellement la compréhension des participants.
- Quiz en salle
- Mise à disposition en ligne de documents supports à la suite de la formation.
Qualité et satisfaction
Merci de consulter notre site internet.
Délai d'accès
2 semaines
Accessibilité
Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités de suivre la formation.