Develop

Formation Angular - Les fondamentaux

Formez-vous au framework Angular et créez des applications web dynamiques et complexes.

4 jours (28h00)

1 à 8 personnes

4.85/5 - 12 participant·e·s

de janvier 2023 à ce jour.

Théorie - 55%

Pratique - 45%

Formation Angular : développement de compétences Angular | 4SH

Prix de la formation 2200 € ^HT Niveaux disponibles

Fondamental Icône fondamental

Avancé

Prochaine(s) session(s)

Du 06/10/2025 au 09/10/2025

Du 20/10/2025 au 23/10/2025

Du 24/11/2025 au 27/11/2025

Prendre rendez-vous

Formation Angular (PDF, 723 Ko) Certification QUALIOPI (PDF, 210 KO) Conditions Générales de Vente

Toutes nos formations sont disponibles en présentiel (Bordeaux, Paris, Toulouse, Lyon, Marseille, Lille) ou à distance.

Pré-inscription

Niveau :

Fondamental

Retour

Nom de l'entreprise *

Email *

Téléphone *

SIRET

Nombre de participants

Session

J’ai pris connaissance de la notice d'informations RGPD et j'autorise 4SH à m'envoyer des informations.

Merci de cocher l'acceptation de la notice d'informations RGPD.

Prix de la formation
2200 € ^HT

Description formation Angular

Angular est un framework open source développé par Google, basé sur TypeScript et les technologies standards du web, permettant de créer des applications web dynamiques et complexes.

Angular simplifie le processus de développement en fournissant une structure robuste, des fonctionnalités avancées et des outils pour créer des Single Page Application évolutives et maintenables qui en font un choix privilégié pour les projets d’entreprise.

Cette formation de développement a pour objectif de permettre à des développeurs de découvrir et mettre en application les concepts fondamentaux pour développer des applications web dynamiques de qualité.

La formation Angular de 4SH s’appuie sur des éléments théoriques essentiels, des démonstrations et des quiz interactifs qui s’articulent autour du développement itératif d’une application web permettant d’illustrer des cas concrets, issus d’applications en production.

En savoir plus sur Angular

Pour qui ?

Cette formation s'adresse à tous les niveaux de développeurs JavaScript et/ou TypeScript souhaitant se former sur le développement d'applications web riches et modernes.

Pour ceux qui souhaitent approfondir leurs connaissances, nous recommandons de suivre la formation Angular Avancé. Et, pour ceux qui veulent se familiariser davantage avec les langages sous-jacents peuvent commencer par la formation JavaScript / TypeScript, avant de suivre la formation Angular.

Prérequis

Connaissance de base sur les concepts de programmation
Connaissance de bases des technologies web (HTML, CSS, HTTP)
Connaissance élémentaire de JavaScript et de TypeScript

Objectifs pédagogiques

Comprendre ce qu’est une Single Page Application
Comprendre les avantages d’Angular
Concevoir une application Angular en TypeScript de façon autonome
Structurer ses développements avec l’approche composants standalone (la notion modulaire, maintenant dépréciée est abordée)
Connaître les bonnes pratiques de développement pour écrire un code lisible et maintenable
Appréhender les concepts de programmation réactive
Mettre en place de la navigation
Savoir développer des formulaires riches
Échanger des données avec un serveur
Connaître les différents outils de l’écosystème
Déterminer les concepts avancés du framework Angular

Programme formation Angular

Introduction
- Présentation
- Les clés du succès
- Ecosystème
- Single Page Application
- Versions
Création d’une application
- Angular CLI
- Structure d’une application
Composants : premiers pas
- Présentation
- Décorateur
- Sélecteur
- Template
- Styles
- Interpolation
- Liaison (binding) de propriété
- Invocation
Composants : événements du DOM
- Présentation
- Outillage
Directives
- Directives structurelles
- Directives d’attribut
Control flow syntax
- Conditions: @if, @else-if, @else, @switch
- Boucle: @for
Tour d'horizon modules Angular & composants standalone
- Présentation et intérêts modules
- Le présent et futur avec les composants standalone
Composant : entrées et sorties
- Entrées (avec approche signaux)
- Sorties (avec approche signaux)
- Détection de changement
- Cycle de vie
Composant : cycle de vie
- ngOnInit
- ngOnChanges
- ngOnDestroy
Services : injection de dépendances et singleton
- Présentation
- Injection de dépendances
- Singleton
Routing : tour d'horizon
- Présentation
- Router
- Routes
- router-outlet
- Navigation
- Routes hiérarchiques
- Redirection

Pipe : tour d’horizon
- Présentation
- Pipes intégrés à Angular
- Créer ses propres pipes
RxJS : programmation réactive
- Concept
- Présentation des observables
- Comparaison avec les promesses
- Création
- Abonnement
- Opérateurs
- Gestion d'erreurs
Observable dans Angular
- Usages
- Subject
- BehaviorSubject
- ReplaySubject
- Communication basée sur les services
- Désabonnement
- AsyncPipe
Communication HTTP client / serveur
Communication HTTP : outillage DevTools
Internationalisation / Localisation
- Localisation
- Internationalisation
- Approche native
- Approche ngx-translate
Formulaire piloté par le template : tour d'horizon
- Présentation
- Contrôles
- Liaison de propriétés
- Soumission du formulaire
Formulaire piloté par le template : validation et gestion d’erreurs
- Validation
- Gestion des erreurs
Composant : interactions avec @ViewChild
- Variable locale
- Requête de vue avec @ViewChild et viewChild (signaux)
- Requête de vue avec @ViewChildren et viewChildren (signaux)
- Cycle de vie
Composant : projection de contenu
- ng-content
- Requête de contenu avec @ContentChild et contentChild (signaux)
- Requête de contenu avec @ContentChildren et contentChildren (signaux)
- Cycle de vie
Conclusion

Formateur formation Angular

Frédéric, notre formateur pour la formation Angular Fondamental, possède plus de 20 ans d'expérience en développement logiciel, avec un focus particulier en tant que Tech Lead. Ses projets variés dans le secteur de la logistique lui ont permis d'acquérir une expertise solide et diversifiée. Frédéric maîtrise de nombreuses technologies, notamment JavaScript, TypeScript, Git, et Maven.

En dehors de ses projets, il est un contributeur actif à la communauté des développeurs, participant à des projets open source comme Voxxrin, et partageant ses connaissances lors de conférences et meetups. Il a été président du Bordeaux Java User Group pendant 3 ans et est le créateur de BDX I/O.

Frédéric a également donné des conférences sur TypeScript à Devoxx et BordeauxJS.

Frédéric est un formateur passionné, dispensant, en plus de la formation Angular : la formation Java - Avancé, la formation Docker - Fondamentaux, la formation Git - Fondamentaux, les formations Javascript/Typescript.

Évaluation et certification

En fin de formation, les participants reçoivent :

une attestation de fin de formation,
un certificat de réalisation,
grille d'évaluation d'acquisition des compétences.

Vos questions sur la formation Angular

Cette formation couvre-t-elle les dernières versions et les mises à jour d'Angular ?

Oui, cette formation est régulièrement mise à jour pour inclure les dernières versions et les mises à jour d'Angular, garantissant que vous apprenez les fonctionnalités et les pratiques les plus récentes.

Dois-je installer quelque chose sur mon ordinateur ?

Oui, avant de commencer la formation, vous devrez installer certains outils et logiciels sur votre ordinateur. Nous vous fournirons une liste des outils à installer à votre inscription, auquel cas, nous vous fournirons le logiciel pour la formation.