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,2/5
(28 avis)
  • Présentiel ou classe à distance
  • Fondamental
InterIntra
PRESENTIEL OU CLASSE A DISTANCE
Durée
3 jours (21 heures)
Prix
2 250,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 990,00€ HT
Prix pour un groupe de 12 personnes max
Référence
LI254
Démarrer votre projet
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+.
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
Évaluation

Évaluation

  • 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.
  • 82% 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.

Reviews

Les avis de nos clients sur la formation

4,2
52%
29%
4%
11%
4%

L. Bruno

26/06/2026
5 /5

Je n'avais aucune connaissance dans le développement d'applications web avec le framework Angular, cette formation permet d'obtenir toutes les bases nécessaires pour démarrer le développement ou suivre un projet web.

B. Hamza

16/05/2026
5 /5

Bonjour,
J’ai eu l’opportunité d’assister à la formation « Angular 2 – Développement d’applications web », et je tiens à exprimer ma satisfaction quant à la qualité de cette formation.
Cette formation a été particulièrement bénéfique pour moi. Elle m’a permis de découvrir et de mieux comprendre les différentes notions et fonctionnalités du framework Angular, notamment les concepts essentiels liés au développement d’applications web modernes. Grâce aux explications et aux travaux pratiques, j’ai pu approfondir mes connaissances et acquérir une vision plus claire de l’architecture et des bonnes pratiques de développement avec Angular.
Je souhaite également saluer le professionnalisme de Monsieur Achref El Mouelhi, le formateur, qui a su faire preuve d’une grande pédagogie tout au long de la formation. Ses explications étaient claires, structurées et adaptées au niveau des participants. Sa maîtrise du sujet, sa disponibilité ainsi que sa manière d’expliquer soigneusement les différentes fonctionnalités d’Angular ont grandement contribué à la réussite de cette formation.
Je remercie l’ensemble des organisateurs ainsi que le formateur pour cette expérience enrichissante et formatrice.

S. Joris

07/04/2026
4 /5

Formation permettant de se faire une bonne vue d'ensemble de tout ce que peut offrir angular en terme de possibilités, cependant une formation plus longue (sur 5 jours) ou peut être plus spécialisé sur certaines versions permettrait d'avoir une meilleure compréhension de toutes les notions à appréhender tant il y a de sujets à aborder, et le fait de vouloir inclure toute les versions d'angular est devenu (et cela ne fera qu'empirer) vraiment trop contraignant pour vraiment pouvoir sortir de cette formation et se dire être capable de transmettre les sujets vus dans la création d'une app angular

Mesurez l'impact environnemental de votre formation

Sessions

Mis à jour le 04/07/2026
  • 2 250,00 € HT
    Places disponibles
    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 250,00 € HT
    Places disponibles
    S'inscrire
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Decouverte
    31670 Labege Cedex
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Strasbourg
    Immeuble l'Avancee 26, Bd du President Wilson
    67000 Strasbourg
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activites Technologiques de la Vatine / Betiment Red Cow - 2eme etage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Marseille
    24 rue du Prado
    13006 Marseille
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Aix en Provence
    Pôle d'activites d'Aix-en-Provence / Espace Cezanne 2eme etage 135, rue Andre Ampere
    13290 Aix-en-Provence
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Lyon
    Le 6me Sens 186, avenue Thiers
    69006 Lyon
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 2 250,00 € HT
    Places disponibles
    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 250,00 € HT
    Places disponibles
    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 250,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Marseille
    24 rue du Prado
    13006 Marseille
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35700 Rennes
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Aix en Provence
    Pôle d'activites d'Aix-en-Provence / Espace Cezanne 2eme etage 135, rue Andre Ampere
    13290 Aix-en-Provence
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
  • 2 250,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Decouverte
    31670 Labege Cedex
Formation - Angular 2+ - Développement d'applications web