Objectifs de la formation
L’objectif de cette formation est d’apprendre à concevoir des applications web dynamiques et performantes avec Angular afin d’offrir une expérience utilisateur riche et fluide.Clientèle visée
InformaticiensPréalables
Des connaissances de base sur le langage JavaScript sont nécessaires.Formateurs
Architecture de la formation
Rappels
⦁ Rappels sur l’écosystème JavaScript
⦁ Rappels sur TypeScript
⦁ Pourquoi des applications Single Page Application ?
⦁ Introduction sur les frameworks et bibliothèques JavaScript
Introduction à Angular
⦁ Présentation d’Angular
⦁ Les grands principes d’Angular
⦁ Installation du poste de développement
⦁ Utilisation de la ligne de commande Angular @angular/cli
⦁ Création d’un premier projet Angular
⦁ Démonstration – Lancer le serveur de développement et visualiser le résultat sur un navigateur
⦁ Anatomie d’un projet Angular
Les composants
⦁ Objectifs du module
⦁ Rappels sur le pattern MVC
⦁ Comprendre les architectures orientées composants
⦁ Anatomie d’un composant
⦁ Démonstration – Créer un composant manuellement
⦁ Démonstration – Créer un composant avec la CLI
⦁ Le cycle de vie des composants
L’affichage dynamique
⦁ Découvrir le Data Binding
⦁ Démonstration – Saisie et affichage dynamique du nom d’utilisateur
⦁ Utiliser les directives d’Angular
⦁ Démonstration – Affichage conditionnel d’un bloc de texte
⦁ Démonstration – Ajouter et supprimer des utilisateurs dynamiquement
⦁ Formater les données avec les pipes
⦁ Démonstration – Normaliser l’affichage des noms d’utilisateur dans la liste
Les services
⦁ Rôle et responsabilité des services dans MVC
⦁ Les services dans Angular
⦁ Injection de dépendances
⦁ Cycle de vie des services
⦁ Démonstration – Création d’un service Angular manuellement
⦁ Démonstration – Création d’un service Angular avec la commande ng generate
Les routes
⦁ Comprendre le routing et la navigation
⦁ Créer des routes simples
⦁ Créer des routes avec des paramètres
⦁ Protéger ses routes avec les Guards
Les formulaires
⦁ Rappel sur les formulaires HTML
⦁ Démonstration – Création de formulaires basiques
⦁ Présentation du module FormsModule
⦁ La validation de données avec les FormsModule
⦁ Démonstration – Transformation du formulaire avec FormsModule
⦁ Démonstration – Création d’un validateur personnalisé
Programmation asynchrone
⦁ JavaScript et les limites du multithreading
⦁ Les callbacks
⦁ Les promesses
⦁ Les async/await
⦁ Comparaison des méthodes de gestion de l’asynchronisme
⦁ Démonstration – Coder du morse avec des callbacks, des promesses et des async/await
Travailler avec une API REST
⦁ Rappels sur le protocole HTTP
⦁ Différences entre REST et SOAP
⦁ Démonstration – Où trouver des API REST publiques ?
⦁ Le module HttpClient
⦁ Les Observables
⦁ Gestion des états et des erreurs
⦁ Démonstration – Afficher une citation aléatoire grâce à QuotesAPI
RxJS
⦁ Présentation de RxJS
⦁ Pourquoi utiliser RxJS dans un projet Angular ?
⦁ Utilisation des Observables
⦁ Démonstration – Mise en place d’un Observable
⦁ Les opérateurs RxJS
⦁ Démonstration – Utilisation des opérateurs
Les bonnes pratiques
⦁ Utiliser des classes pour cadrer l’utilisation des modèles
⦁ Les modules
⦁ Communication entre les composants
⦁ Conventions de nommage et règles de codage avec ESLint
⦁ Optimisation du temps de chargement avec le lazy loading
⦁ Travailler le visuel simplement avec PureCSS
Détails pédagogiques
Type de cours
Notes relatives à la formation
Formation 100% à distance. Accessible en tout temps de n’importe où. Un an d’accès à la formation et au manuel numérique.
Formation en entreprise
Toutes nos formations peuvent être offertes en entreprise et personnalisées selon vos besoins. Pour plus d'information, nous vous invitons à communiquer avec nous ou à remplir une demande de soumission en ligne.
Demander une soumissionFormation en entreprise
Toutes nos formations peuvent être offertes en entreprise et personnalisées selon vos besoins. Pour plus d'information, nous vous invitons à communiquer avec nous ou à remplir une demande de soumission en ligne.
Demander une soumission