Angular 8 à 13

Introduction

• ES6, le nouveau JavaScript
• ES6 et les modules
• TypeScript 3, le typage du JavaScript

Les bases du Framework

• Comprendre la philosophie du Framework
• Templating
• Angular CLI, un outil pour tout générer

Les nouveautés d’Angular 8 à 13

• ng add / ng update : configuration & migration automatique
• Build avec le compilateur Bazel
• Angular Elements
• Angular Material + CDK Components
• Progressive Web App (PWA)
• Versions : RxJS 6 & Support de TypeScript 4.4
• Ivy
• Angular 13 : Des builds améliorées avec la capacité persistante « cache build by default »

Composant

• Web Components
• Décorateurs Angular
• Property binding, envoyer des données au composant
• Event binding, évènements personnalisés

Directives

• Directive : fonctionnement et création
• Les directives fournies par Angular
• Attribute directives

Modules

• Déclarations d’un module : imports et exports
• Les providers d’un module

Pipes

• Les transformateurs fournis
• Formater une chaîne
• Formater des collections

Injection de dépendances (IOC)

• Principes
• Configurer son application
• L’injection de dépendances : type-based et hiérarchique
• Différents types de providers

Router

• RouterModule: Configuration des routes et URLs
• Définitions des routes, liens et redirection, paramètres
• Hiérarchies de routes
• Gérer les Resolver
• Gérer les Guards
• Angular 13 :RouterOutletContract

Observables & Services

• Introduction à RxJS
• Le concept d’Observable
• Principales opérations sur les observables
• Lien avec les promesses

Échanger avec un serveur

• Requêtes HTTP
• Communication avec une API
• Afficher des données externes
• Afficher des données asynchrones avec AsyncPipe

Formulaire

• Créer un formulaire
• Template-driven forms
• ngModel
• Reactive forms
• Validation et erreurs
• Angular 13 : API ViewContainerRef.createComponent simplifiée qui permet la création dynamique de composants