Formation : Angular JS - Développements Web
Développer des applications web performantes à partir de JavaScript, en utilisant les nouveautés du Framework de référence Angular
- ES2022, le nouveau JavaScript
- ES2022 et les modules
- TypeScript : le typage du JavaScript
- Comprendre la philosophie du framework
- Templating
- Angular CLI, un outil pour tout générer
Atelier
Première application et outillage
- Web Components
- Décorateurs Angular
- Property binding, lire des données depuis le composant
- Event binding, événements personnalisés
- Cycle de vie
Atelier
Développer un premier composant
- Directive : fonctionnement et création
- Les directives fournies par Angular
- Attribute directives
- Structural directives
- Directives complexes
Atelier
Première directive
- Directives d’attributs (selecteur, ElementRef, HostListener, @Input)
- Directives de structure (ngIf, ngFor, Symbole *)
- ng-template
- Déclarations d’un module : imports et exports
- Les providers d’un module
- Introduction à « forRoot » et « forChild »
Atelier
Créer un module, l’exporter et le réutiliser
- Les transformateurs fournis
- Formater une chaîne
- Formater des collections
- Utiliser un pipe comme un service
Atelier
Créer son propre pipe
- Les services fournis
- Création de service
- Injection d’un service
Atelier
Injecter les services fournis par Angular
- Principes
- Configurer son application
- L’injection de dépendances : type-based et hiérarchique
- Différents types de providers
Atelier
Créer ses propres services
- RouterModule: Configuration des routes et URLs
- Définitions des routes, liens et redirection, paramètres
- Hiérarchies de routes
- Vues imbriquées
- Cycle de vie (Routing lifecycle)
Atelier
Transformer une application Web en Single Page Application
- Introduction à RxJS
- Le concept d’Observable
- Les principaux opérateurs
- Lien avec les promesses
Atelier
Premier pas avec RXJS
- Requêtes HTTP
- Communication avec une API
- Afficher des données externes
- Afficher des données asynchrones avec AsyncPipe
Atelier
Récupérer et afficher des données à partir d’une API REST distante
- Créer un formulaire
- Template-driven forms
- ngModel
- Reactive forms
- Validation et erreurs
- Observateurs
Atelier
Créer ses propres validateurs, envoyer une requête POST
- Astuces, bonnes pratiques et outils
- Découverte des différentes stratégies de compilation
Atelier
Tester et optimiser la performance
- Animations
- Nouveautés d’Angular 16
- Injection de dépendances avancée (IoC)
- Test unitaire
Durée : 16h
Horaires : soirs / week-ends
Groupes de 5 à 10 personnes