Angular : les fondamentaux du framework
Développez une interface web avancée avec le Angular
Description de la Template formation courte
Description de la formation Angular : les fondamentaux du framework
Angular est un framework de développement web open-source créé à l'origine par Google, et conçu pour faciliter la création Single Page Application (SPA) dynamiques et interactives. Il utilise TypeScript pour améliorer la productivité et la maintenabilité du code. Il est populaire pour sa richesse en fonctionnalités, ses performances, sa documentation complète, sa communauté active, sa capacité à gérer des applications à grande échelle et sa capacité à faciliter le développement rapide d'applications web.
Objectifs
A l'issu de cette formation, les participants seront en mesure de :
Angular est un framework de développement web open-source créé à l'origine par Google, et conçu pour faciliter la création Single Page Application (SPA) dynamiques et interactives. Il utilise TypeScript pour améliorer la productivité et la maintenabilité du code. Il est populaire pour sa richesse en fonctionnalités, ses performances, sa documentation complète, sa communauté active, sa capacité à gérer des applications à grande échelle et sa capacité à faciliter le développement rapide d'applications web.
Objectifs
A l'issu de cette formation, les participants seront en mesure de :
Programme
Introduction
Présentation du framework
Avantages et utilisation
Historique
Configuration de l'éditeur de code Visual Studio Code
- linter
- formatter
- raccourcis clavier
- snipets
- Mise en application / TP
JS moderne
- Les classes (héritage, encapsulation, getter et setter)
- Les modules
- Arrow function
- Destructuring
- Spread operator
- Rest Operator
- Littéraux de gabarit
- TypeScript
- Mise en application / TP
Outils de développement JS
- Webpack,
- Babel
- ESLint
- Mise en oeuvre / TP
Les principaux design pattern utilisés par Angular
- Module Pattern
- Injection de dépendances
- Factory Pattern
- Oberver Pattern avec RxJS
- Singleton Pattern
- Decorator Pattern
Introduction aux composants
- Création et utilisation des composants
- Communication entre composants
Utilisation de la Command Line Interface d’Angular
- Installation et configuration de l'environnement de développement
- Utilisation de la CLI pour créer des projets et des composants
- Gestion des dépendances et des modules
- Mise en application / TP
Principaux Concepts d’Angular
- Les composants et leur cycle de vie Les décorateurs : @Input, @Output, @Component, @Directive
- Le data binding
- La détection des changements avec les « Zones »
Les Templates Interpolation et binding +
- Principales directives : NgFor, NgIf, NgTemplate, NgClass, NgStyle
- Utilisation des pipes
- Mise en application / TP
Gestion des événements et programmation réactive avec RxJs
- Gestion des événements DOM dans Angular
- Communication entre composants via les événements
- Introduction à la programmation réactive Observables et l'API RxJS
- Création et souscription à des observables
- Opérateurs courants : map, filter, mergeMap, etc.
- Gestion des erreurs
- Mise en application / TP
Services et Injection de Dépendances
- Introduction aux services
- Création et utilisation de services
- Injection de dépendances
- Mise en application / TP
Routage
- Configuration du routage
- Navigation entre les composants
- Protection des routes
- Mise en application / TP
Formulaires
- Création de formulaires avec les form controls
- Validation des formulaires
- Soumission de formulaires
- Mise en application / TP
La gestion des tests dans Angular
- Introduction aux tests dans Angular +
- Tests unitaires avec Jasmine et Karma
- Tests end-to-end avec Protractor
- Stratégies de test et meilleures pratiques
- Mise en application / TP
Déploiement et Optimisation
- Préparation de l'application pour la production
- Optimisation des performances
- Déploiement de l'application
- Mise en application / TP
Bilan de fin de formation et évaluation des acquis
Le(s) formateur(s) préssenti(s)
Christophe
Après bientôt 25 ans d'expertise et d'enseignement, Christophe maitrise un très large spectre de compétences : technologies front-end et backend, Datas & méthodologies IT.Christophe G
Après bientôt 25 ans d'expertise et d'enseignement, Christophe maitrise un très large spectre de compétences front et back, BigData ainsi qu'en termes de méthodologies agiles et gestion de projet. Christophe saura vous faire profiter de ses nombreux retours d'expérience.
Yvan
Expert JavascriptYvan DOUENEL
Fondateur de Copernet, Yvan occupe désormais le poste de coordinateur pédagogique au sein de Diginamic.