Plan de cours

Durée : 2 jours

Cette formation technique couvre tous les concepts de base et vous guide pour bâtir une application Angular complète, y compris le rôle de TypeScript, le setup et configuration d'un projet, la structure du code, l'utilisation de la CLI Angular, la liaison de données, la connexion HTTP avec le backend (API REST) grâce à des services, les observables de RxJS et le routage. C'est le point de départ idéal pour comprendre et utiliser Angular avec TypeScript efficacement dès maintenant. Vous aurez la chance de découvrir de multitudes démos et activités de type "coder ensemble" dont le code sera fourni tout au long de l'atelier.
Préalables	Les participants doivent avoir une expérience significative dans le développement d'applications Web avec HTML5, JavaScript et CSS.
Méthode pédagogique	Cette formation est de type atelier ou les participants pratiquent sur un poste de travail, accompagnés par un instructeur. Le contenu est un mélange continu de théorie, de multiples démonstrations et complété par de nombreuses périodes d’exercices pratiques.
Contenu	Le cours est constamment mis à jour pour refléter la dernière version d'Angular. Chaque sujet ci-dessous inclut des périodes de laboratoire et Questions/Réponses. Fondamentaux TypeScript Le compilateur TypeScript Annotations de types Classes et Interfaces Génériques Setup et Tooling Bien démarrer avec la CLI Angular Commandes populaires et schematics Introduction à Angular Structure d'une application Modèle de Composant Décorateurs, Syntaxe des templates, Data Binding, Directives, Événements, Propriétés Input et Output, Pipes, Encapsulation Services et Injection de dépendence Programmation réactive avec RxJS (Observables) Comprendre RxJS et son usage avec Angular Fonction Subscribe() Le pipe async Fonction Pipe() Les opérateurs RxJS populaires Meilleures pratiques RxJS Gérer les erreurs dans le code RxJS Communication asynchrone avec le backend (API REST) Le service HttpClient Une première requête asynchrone GET Consommer une réponse en Observable Implémenter un cache local avec ShareReplay() Déboguage d’une application Implémenter pagination, tri et filtrage dans une liste Modules Organiser une app modulaire Imports/exports de modules Déploiement Optimiser pour la production Commandes ng build et ng deploy Migrer à une version plus récente de Angular Navigation et Routage Utiliser le routeur Directive routerLink Le router-outlet Service Router Routes imbriquées Paramètres de route Gérer les erreurs du routeur Lazy Loading Formulaires et Validation Formulaires réactifs API de validation Requêtes POST Utiliser Http pour mettre à jour et supprimer des données du serveur Requêtes PUT et DELETE Authentification et sécurité Ecran de Login Service d’authentification Sécurité avec JSON Web Tokens (JWT) Http Interceptors Protéger l’accès à une route avec les Guards Les meilleures pratiques (Linting, Style Guide, …) QnA final

Angular - Fondamentaux

Plan de cours

Savoir s’entourer des meilleurs