Description
L'objectif principal de ce cours est de fournir aux développeurs Angular avancés des connaissances et des techniques avancées pour développer des applications Angular complexes. Les participants apprendront à structurer efficacement les modules Angular, à utiliser Angular Material pour créer des interfaces conviviales et à comprendre et appliquer des concepts avancés tels que le rendu côté serveur (Angular Universal) et la génération de sites statiques (Scully). En outre, ils apprendront à écrire et à exécuter des tests unitaires, d'intégration et de bout en bout, et à implémenter l'authentification avec JWT. Enfin, les participants apprendront à utiliser des intercepteurs et des gardiens pour améliorer la sécurité de leurs applications et traiter les demandes entrantes et sortantes.
Public cible
Ce cours est destiné aux développeurs Angular avancés qui souhaitent approfondir leurs connaissances et leurs compétences et continuer à développer des applications Angular complexes.
Les participants doivent avoir une base solide en Angular et doivent avoir acquis ces connaissances lors du cours « Angular Intro ». Ils doivent connaître les principes de base d'Angular, notamment les composants, les services, le routage et la liaison de données.
Méthode
Le cours est proposé sous forme de leçons animées par un instructeur. Les participants recevront des exercices pratiques et des devoirs pour mettre en pratique leurs compétences. L'accent est mis sur l'apprentissage pratique, au cours duquel les participants écrivent activement du code et résolvent des problèmes de programmation.
Contenu
Introduction angulaire et modularisation
- Présentation angulaire.
- Résumé de l'introduction angulaire.
- Quiz interactif.
- Structure du module et chargement différé
- Vue d'ensemble et explication interactive : Structure du module.
- Vue d'ensemble et explication interactive : L'importance du lazy loading pour l'efficacité des applications.
- Pratique : création d'une application angulaire de base, structuration de modules et application du chargement différé.
- Tâche : Réorganiser le code dans une application Angular existante en implémentant des modules et en appliquant un chargement différé.
Matériau angulaire
- Présentation du matériau angulaire
- Présentation et explication interactive : introduction à Angular Material, avantages et inconvénients des composants d'interface utilisateur prêts à l'emploi.
- Pratique : Installation et configuration d'Angular Material dans un projet existant et dans un nouveau projet.
- Pratique : ajout de composants d'interface utilisateur tels que des boutons et des formulaires aux applications.
- Devoir : Créez une application d'enquête avec des composants Angular Material intégrés pour une interface utilisateur améliorée.
SSR pour applications angulaires
- Présentation de SSR
- Résumé SSR et CSR, les avantages et les inconvénients.
- Vue d'ensemble des options des frameworks JS.
- Vue d'ensemble des options d'Angular.
- Quiz interactif.
- Angular Universal
- Présentation et explication interactive : SSR avec Angular Universal.
- Pratique : Installation, configuration et utilisation d'Angular Universal pour un projet existant et dans un nouveau projet.
- Tâche : générer dynamiquement l'application Dev Blog et la diffuser au client via le serveur et la publier via Netlify.
- Scully
- Vue d'ensemble et explication interactive : SSG avec Scully.
- Pratique : installez et configurez Scully pour générer des pages statiques.
- Devoir : Créez une application Twitter Clone et utilisez Scully pour utiliser la génération de sites statiques à des fins de référencement et de rapidité.
Tester dans Angular
- Tests de logiciels (cours intensif)
- Résumé des tests logiciels (quoi, pourquoi, niveaux de test, techniques de test, etc.)
- Quiz interactif et discussion de groupe sur les concepts vus.
- Présentation des tests angulaires
- Aperçu de la manière dont les tests angulaires sont effectués à tous les niveaux (tests de bout en bout, tests de composants/unités) et de la nature des frameworks/technologies.
- Nouvelles fonctionnalités d'Angular 16 dans le domaine des tests.
- Tests unitaires dans Angular
- Présentation et explication interactive : tests unitaires avec Jasmine, Jest, jsdom et Karma/ModernWeb.
- Pratique : rédaction et exécution de tests unitaires.
- Devoir : Rédiger et exécuter une unité de tests Survey App.
- Pratique : développement piloté par les tests
- Devoir : Implémentez un tube personnalisé de manière TDD.
- Test E2E dans Angular
- Présentation et explication interactive : Utilisation de Cypress pour écrire des tests système/d'acceptation pour nos applications Angular de manière BDD.
- Quiz interactif.
Authentification dans Angular
- Sécurité du Web
- Résumé de la sécurité Web (authentification, autorisation, base, formulaire, jetons, JWT, etc.)
- Quiz interactif et discussion de groupe sur les concepts vus.
- JWT en Angular
- Pratique : interaction avec une API sécurisée (Postman), écriture de l'implémentation JWT dans Angular pour une expérience utilisateur fluide.
- Présentation et explication interactive : intercepteurs et protections angulaires pour des itinéraires sécurisés et un traitement cohérent des demandes et des réponses.
- Pratique : Implémentation d'intercepteurs et de gardes dans Angular avec des exemples pratiques d'interception de requêtes et de réponses HTTP.
Certification
Attestation de participation : les participants reçoivent un certificat attestant qu'ils ont terminé cette formation à la fin de la formation.