Vous êtes ici : Accueil > Formation informatique > Développement web et mobilité > Développer avec des frameworks web modernes (Front-end)

Best
 
Fantom Tag

Formation - Angular 2+ - Développement d'applications web

Développer des applications web performantes à partir de JavaScript, en utilisant les nouveautés du framework de référence Angular

4,7/5
(18 avis)
  • Présentiel ou classe à distance
  • Fondamental
InterIntra
PRESENTIEL OU CLASSE A DISTANCE
Durée
3 jours (21 heures)
Prix 2025
2 190,00 €  HT
Référence
LI254
Consulter les dates et villes
Choisir une session
Dans vos locaux ou à distance
Durée
3 jours (21 heures)
Forfait intra - En savoir plus
4 790,00€ HT
Prix pour un groupe de 12 personnes max
Référence
LI254
Demander un devis
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Nous contacter
Selon les spécialistes qui se sont sérieusement penchés sur la nouvelle version du framework créé par Google, Angular 2+ n'a de commun avec son prédécesseur que son seul nom tant les évolutions qu'il porte sont nombreuses. Et toutes visent à atteindre un seul et unique objectif : développer plus rapidement des applications web de meilleure qualité ! C'est notamment l'un des apport du recours à TypeScript, le langage de programmation libre et open-source développé par Microsoft. A l'issue de ces 3 journées de formation, les participants seront à même de développer des applications web plus performantes avec Angular 2+.
Consulter le programme 2026
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Architectes
  • Développeurs
  • Chefs de projets...

Prérequis

Programme

Le programme

1 - Introduction

  • ES2022, le nouveau JavaScript
  • ES2022 et les modules
  • TypeScript : le typage du JavaScript

2 - Les bases du Framework

  • Comprendre la philosophie du framework
  • Templating
  • Angular CLI, un outil pour tout générer
    • Atelier

    Première application et outillage

3 - Composant

  • Web Components
  • Décorateurs Angular
  • Property binding, lire des données depuis le composant
  • Event binding, événements personnalisés
  • Cycle de vie
    • Atelier

    Développer un premier composant

4 - Utiliser les directives

  • Directive : fonctionnement et création
  • Les directives fournies par Angular
  • Attribute directives
  • Structural directives
  • Directives complexes
    • Atelier

    Première directive

5 - Directives

  • Directives d’attributs (selecteur, ElementRef, HostListener, @Input)
  • Directives de structure (ngIf, ngFor, Symbole *)
  • ng-template

6 - Modules

  • Déclarations d’un module : imports et exports
  • Les providers d’un module
  • Introduction à « forRoot » et « forChild »
    • Atelier

    Créer un module, l’exporter et le réutiliser

7 - Pipes

  • Les transformateurs fournis
  • Formater une chaîne
  • Formater des collections
  • Utiliser un pipe comme un service
    • Atelier

    Créer son propre pipe

8 - Services

  • Les services fournis
  • Création de service
  • Injection d’un service
    • Atelier

    Injecter les services fournis par Angular

9 - Injection de dépendances

  • Principes
  • Configurer son application
  • L’injection de dépendances : type-based et hiérarchique
  • Différents types de providers
    • Atelier

    Créer ses propres services

10 - Routeur

  • RouterModule: Configuration des routes et URLs
  • Définitions des routes, liens et redirection, paramètres
  • Hiérarchies de routes
  • Vues imbriquées
  • Cycle de vie (Routing lifecycle)
    • Atelier

    Transformer une application Web en Single Page Application

11 - Observables

  • Introduction à RxJS
  • Le concept d’Observable
  • Les principaux opérateurs
  • Lien avec les promesses
    • Atelier

    Premier pas avec RXJS

12 - Échanger avec un serveur

  • Requêtes HTTP
  • Communication avec une API
  • Afficher des données externes
  • Afficher des données asynchrones avec AsyncPipe
    • Atelier

    Récupérer et afficher des données à partir d’une API REST distante

13 - Travailler avec des formulaires

  • Créer un formulaire
  • Template-driven forms
  • ngModel
  • Reactive forms
  • Validation et erreurs
  • Observateurs
    • Atelier

    Créer ses propres validateurs, envoyer une requête POST

14 - Gestion des performances

  • Astuces, bonnes pratiques et outils
  • Découverte des différentes stratégies de compilation
    • Atelier

    Tester et optimiser la performance

15 - Concepts avancés

  • Animations
  • Nouveautés d’Angular 16
  • Injection de dépendances avancée (IoC)
  • Test unitaire
Après la session
  • Des vidéocasts pour revenir sur les points clés de la formation
  • Des vidéos-tutos pour vous accompagner dans la mise en oeuvre de vos acquis

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Objectifs

Les objectifs de la formation

  • Maîtriser les fondamentaux du Framework Angular et ses nouveautés
  • Organiser, modulariser et tester ses développements JavaScript
  • Savoir développer plus rapidement et tester des applications web Angular 2 avec JavaScript et TypeScript
  • Connaître les bonnes pratiques de développement et de mise en production
  • Découvrir les spécifications EcmaScript 6 (ES6)
  • Savoir intégrer les tests unitaires au développement
Evaluation

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Points forts

Les points forts de la formation

  • Une pédagogie basée sur l'alternance de phases théoriques, d'ateliers de mise en pratique, de retours d'expériences et de séances d'échanges.
  • A travers les TP proposés, les participants acquièrent une première expérience concrète du développement d'applications web sur Angular 2+.
  • Des experts du framework qui partagent leurs trucs et astuces pour développer plus rapidement.
  • Angular 2+ correspond à toutes les versions successives d'Angular, soit de la version 2 à la version 16.
  • 84% des participants à cette formation se sont déclarés satisfaits ou très satisfaits au cours des 12 derniers mois.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

En savoir plus

Métier accessible : Développeur web

Vous pouvez trouver plus d'informations sur ce métier dans la Fiche métier de Développeur web.

Financement

Les solutions de financement

Spécial adhérents Atlas
Cette formation est éligible à l'action collective campusAtlas "Développement web".
En savoir plus sur les Actions Collectives Atlas.Pour toute demande d'information sur le financement de cette formation, contactez nos conseillers formation.
Reviews

Les avis de nos clients sur la formation

4,7
67%
33%
0%
0%
0%
...Loading
...Loading
...Loading
Mesurez l'impact environnemental de votre formation

Sessions

Mise à jour le 26/10/2025
  • 2 190,00 € HT
    Dernières places
    Session garantie

    Cette session ne sera ni annulée, ni reportée, sauf cas de force majeure ou raisons pédagogiques. Nous vous proposerons alors de reporter l'inscription sur la ville la plus proche, ou à distance.

    S'inscrire
  • 2 190,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 2 190,00 € HT
    Dernières places
    Session garantie

    Cette session ne sera ni annulée, ni reportée, sauf cas de force majeure ou raisons pédagogiques. Nous vous proposerons alors de reporter l'inscription sur la ville la plus proche, ou à distance.

    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 2 190,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35700 Rennes
  • 2 190,00 € HT
    Places disponibles
    S'inscrire
    Strasbourg
    Immeuble l'Avancee 26, Bd du President Wilson
    67000 Strasbourg
  • 2 190,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Decouverte
    31670 Labege Cedex
  • 2 190,00 € HT
    Places disponibles
    S'inscrire
    Lyon
    Le 6me Sens 186, avenue Thiers
    69006 Lyon
Consulter les dates 2026
Formation - Angular 2+ - Développement d'applications web