Formation Angular – Développement d’applications Web modernes

Cette formation permet d’apprendre à développer des applications Web modernes avec Angular et TypeScript, depuis la création des composants jusqu’à la consommation d’API REST.

2 jours · 14 h 9 h à 16 h 30 En ligne, Montréal, Québec

Mis à jour le

La formation Angular en bref

Durée
2 jours, soit 14 heures de formation
Horaire
9 h à 16 h 30
Format
Classe virtuelle en direct ou présentiel à Montréal et à Québec
Public
Tous
Prix
901 $ par participant, ou 765 $ pour organismes publics et OBNL (taxes en sus)
Langue
Français

Doussou Formation et Angular en quelques faits

Prochaines sessions de la formation Angular

En ligne

Programme de la formation Angular

Introduction à Angular

  • Architecture d’une application Angular
  • Angular et TypeScript
  • Single Page Application
  • Angular CLI
  • Organisation d’un projet

TypeScript pour Angular

  • Types
  • Interfaces
  • Classes
  • Fonctions
  • Objets
  • Tableaux
  • Generics
  • Modules

Composants Angular

  • Création d’un composant
  • Décorateur @Component
  • Composants standalone
  • Template
  • Styles
  • Cycle de vie
  • Organisation des composants

Templates et Data Binding

  • Interpolation
  • Property Binding
  • Event Binding
  • Two-Way Binding
  • Variables de template
  • Expressions Angular

Directives et contrôle de flux

  • Affichage conditionnel
  • Listes
  • Boucles
  • Gestion des événements
  • Directives personnalisées

Communication entre composants

  • Composants parents/enfants
  • Inputs
  • Outputs
  • Événements
  • Partage des données

Services et injection de dépendances

  • Création d’un service
  • @Injectable
  • Dependency Injection
  • Partage de logique métier
  • Séparation des responsabilités

Signals et gestion de l’état

  • Principe des Signals
  • signal()
  • Computed values
  • Effects
  • État local
  • Réactivité des composants

Routage

  • Angular Router
  • Définition des routes
  • RouterLink
  • Paramètres
  • Routes enfants
  • Navigation programmatique
  • Guards
  • Pages 404

Formulaires

  • Template-Driven Forms
  • Reactive Forms
  • FormControl
  • FormGroup
  • Validation
  • Validateurs personnalisés
  • Affichage des erreurs

Communication avec une API REST

  • HttpClient
  • Requêtes GET
  • POST
  • PUT
  • DELETE
  • Paramètres HTTP
  • Headers
  • Gestion des réponses

RxJS et programmation réactive

  • Observable
  • Subscribe
  • Operators
  • Map
  • Filter
  • SwitchMap
  • Gestion des abonnements

Gestion des erreurs HTTP

  • Interception des requêtes
  • Interceptors
  • Erreurs API
  • Gestion centralisée
  • Affichage des messages

Authentification

  • Authentification d’une SPA
  • JWT
  • Stockage des tokens
  • Interceptors
  • Protection des routes
  • Guards
  • Déconnexion

Architecture et bonnes pratiques

  • Organisation des composants
  • Services
  • Modèles
  • Séparation des responsabilités
  • Composants réutilisables
  • Environnement et configuration

Build et déploiement

  • Build de production
  • Configuration des environnements
  • Optimisation
  • Déploiement d’une application Angular

Ateliers pratiques

  • Création d’une application Angular
  • Création de composants standalone
  • Création d’un service
  • Utilisation de Signals
  • Création d’un formulaire validé
  • Mise en place du routage
  • Consommation d’une API REST
  • Création d’un CRUD
  • Ajout d’une authentification
  • Build de l’application

Tarifs et informations pratiques

Tarif préférentiel

765 $ / participant

Organismes publics et OBNL · taxes en sus

Prix public

901 $ / participant

Entreprises et particuliers · taxes en sus

Informations pratiques

  • Durée : 2 jours, soit 14 heures de formation
  • Horaire : 9 h à 16 h 30
  • Format : Classe virtuelle en direct ou présentiel à Montréal et à Québec
  • Paiement : en ligne (PayPal ou carte) à l’inscription, ou sur facture pour les organisations
  • Financement : Doussou Formation est un organisme formateur agréé par la CPMT. Pour les employeurs assujettis à la Loi sur les compétences (masse salariale de plus de 2 M$), cette formation peut être comptabilisée dans leur obligation d’investir 1 % en formation.

Formation Angular en entreprise

Formez toute votre équipe en groupe privé, sur vos propres documents, dans vos locaux ou en classe virtuelle, aux dates qui vous conviennent.

Demander une offre

Avis des participants

97 % de satisfaction (évaluations de fin de formation, 120 évaluations) · Lire tous les témoignages

Pourquoi suivre cette formation Angular

Objectifs : ce que vous saurez faire

  • Comprendre l’architecture Angular.
  • Développer des applications avec TypeScript.
  • Créer des composants standalone.
  • Utiliser templates, bindings et directives.
  • Gérer l’état avec Signals.
  • Créer et valider des formulaires.
  • Mettre en place la navigation.
  • Consommer des API REST.
  • Gérer l’authentification.
  • Structurer et déployer une application Angular.

Prérequis

Connaissance de base en JavaScript et HTML.

Ce qui est inclus

  • Support de cours et fichiers d’exercices pour chaque participant
  • Attestation de participation
  • Possibilité de coaching personnalisé après la formation
  • En session publique en présentiel :
    • Thé et café
    • Dîner dans un restaurant à proximité
    • Stationnement (dans certaines villes)
    • Connexion Internet sans fil

Intéressé par la formation Angular ?