Durée

10,0 heures

Tarif régulier

250 $

Objectifs de la formation

Angular est l’un des frameworks JavaScript qui a révolutionné la conception d’application web et qui permet de concevoir des applications web dynamiques, structurées et aisément maintenables. L’objectif de cette formation est de vous apprendre à concevoir des applications web avec Angular, qui proposeront une expérience utilisateur riche, dynamique et performante.

Clientèle visée

Informaticiens

Préalables

Des connaissances de base sur le langage JavaScript sont nécessaires.

Formateurs

Information à venir

Architecture de la formation

Présentation du cours

Présentation du cours

Rappels

Objectifs du module
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

Objectifs du module
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
TP à réaliser

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
TP à réaliser
Corrigé du TP

L’affichage dynamique

Objectifs du module
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
TP à réaliser
Corrigé du TP

Les services

Objectifs du module
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
TP à réaliser
Corrigé du TP

Les routes

Objectifs du module
Comprendre le routing et la navigation
Créer des routes simples
Démonstration – Création d’une route simple
Créer des routes avec des paramètres
Démonstration – Création d’une route avec arguments
Protéger ses routes avec les Guards
TP à réaliser
Corrigé du TP

Les formulaires

Objectifs du module
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é
TP à réaliser
Corrigé du TP

Programmation asynchrone

Objectifs du module
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
TP à réaliser
Corrigé du TP

Travailler avec une API REST

Objectifs du module
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
TP à réaliser
Corrigé du TP

RxJS

Objectifs du module
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
TP à réaliser
Corrigé du TP

Les bonnes pratiques

Objectifs du module
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.

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 privée en entreprise

Vous êtes plusieurs à vouloir suivre une formation en particulier dans votre entreprise? Si vous êtes plus de 8 personnes, nous pouvons nous déplacer à vos bureaux pour vous donner votre formation en privé. Contactez-nous pour plus de détails ou demandez-nous une soumission en ligne.

Demander une soumission

Durée

10,0 heures

Tarif régulier

250 $

Formation privée en entreprise

Demander une soumission

Framework Angular : fonctionnalités avancées

Objectifs de la formation

Clientèle visée

Préalables

Formateurs

Architecture de la formation

Notes relatives à la formation

Formation privée en entreprise

Formation privée en entreprise

Inscrivez-vous à une formation

null

Demander une formation en entreprise

Demander une formation en entreprise

Formations similaires

Comparaison de cours