Formation Angular 2+ - Développement d'applications web

Selon les spécialistes qui se sont sérieusement penchés sur la nouvelle version du framework créé par Google, Angular 2+ n'a de commun avec son prédécesseur que son seul nom tant les évolutions qu'il porte sont nombreuses. Et toutes visent à atteindre un seul et unique objectif : développer plus rapidement des applications web de meilleure qualité ! C'est notamment l'un des apport du recours à TypeScript, le langage de programmation libre et open-source développé par Microsoft. A l'issue de ces 3 journées de formation, les participants seront à même de développer des applications web plus performantes avec Angular 2+.

Introduction

• ES2022, le nouveau JavaScript
• ES2022 et les modules
• TypeScript : le typage du JavaScript

Les bases du Framework

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

Composant

• Web Components
• Décorateurs Angular
• Property binding, lire des données depuis le composant
• Event binding, événements personnalisés
• Cycle de vie

Utiliser les directives

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

Directives

• Directives d'attributs : selecteur, ElementRef, HostListener, @Input)
• Directives de structure : ngIf, ngFor, Symbole *)
• ng-template

Modules

• Déclarations d'un module : imports et exports
• Les providers d'un module
• Introduction à « forRoot » et « forChild »

Pipes

• Les transformateurs fournis
• Formater une chaîne
• Formater des collections
• Utiliser un pipe comme un service

Services

• Les services fournis
• Création de service
• Injection d'un service

Injection de dépendances

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

Routeur

• 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

Observables

• Introduction à RxJS
• Le concept d'Observable
• Les principaux opérateurs
• 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

Travailler avec des formulaires

• Créer un formulaire
• Template-driven forms
• ngModel
• Reactive forms
• Validation et erreurs
• Observateurs

Gestion des performances

• Astuces, bonnes pratiques et outils
• Découverte des différentes stratégies de compilation

Concepts avancés

• Animations
• Nouveautés d'Angular 16
• Injection de dépendances avancée : IoC
• Test unitaire