Objectif
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.
Est-ce pour vous ?
Informaticiens
Préalables
Des connaissances de base sur le langage JavaScript sont nécessaires.
Vos gains
Contenu
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
Voir plus +/-
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
💡 Informations utiles
Formation 100% à distance. Accessible en tout temps de n’importe où pendant un an. Si vous avez des questions concernant l'inscription, la langue d’enseignement ou les modalités d’annulation, consultez notre FAQ .
Intervenants
Information à venir
Durée
10,0 heures
Tarif régulier
250 $
Formation en entreprise
Vous avez plusieurs employés intéressés par une même formation? Que ce soit en présentiel dans vos bureaux ou à distance en mode virtuel, nous offrons des formations privées adaptées aux besoins de votre équipe. Des tarifs de groupes sont disponibles. Contactez-nous pour plus de détails ou demandez une soumission en ligne.
Demander une soumission