Fondamental
-
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
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
-
de janvier 2023 à ce jour.
Théorie - 55%
Pratique - 45%
Prix de la formation
2200 € HT
Prochaine(s) session(s)
Du 06/01/2026
au 09/01/2026
Du 24/02/2026
au 27/02/2026
Toutes nos formations sont disponibles en présentiel (Bordeaux, Paris, Toulouse, Lyon, Marseille, Lille) ou à distance.
Description formation Angular
Angular est un framework web open source conçu par Google, reposant sur TypeScript et les standards du web. Il permet de développer des applications dynamiques, modulaires et performantes.
Grâce à sa structure claire, ses
Cette formation de développement a pour objectif d’aider les développeurs à maîtriser les principes essentiels et à mettre en pratique les concepts clés pour concevoir des applications web de haute qualité.
Le programme Angular de 4SH combine apports théoriques, démonstrations concrètes et exercices interactifs, avec une approche progressive centrée sur la construction d’une application web, inspirée de cas réels issus de la production.
En savoir plus sur AngularPour 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
-
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, formateur référent de la formation Angular Fondamentaux, cumule plus de 20 ans d’expérience dans le développement logiciel, où il endosse désormais le rôle de Tech Lead. Son parcours dans le secteur de la logistique lui a permis de bâtir une expertise technique solide et polyvalente, couvrant notamment JavaScript, TypeScript, Git et Maven.
Très impliqué dans la communauté des développeurs, Frédéric contribue régulièrement à des projets open source comme Voxxrin, et partage son savoir lors de conférences et meetups. Il a également présidé le Bordeaux Java User Group pendant trois ans et est à l’origine de la création de BDX I/O.
Conférencier reconnu, il est notamment intervenu à Devoxx et BordeauxJS pour présenter ses travaux autour de TypeScript.
Formateur passionné et pédagogue, Frédéric anime également plusieurs autres formations, parmi lesquelles 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.
Modalités d'accueil
Café offert
Repas du déjeuner inclus dans le tarif de la formation
Parking
Formation(s) liée(s)
à partir de
(9)
2200 €
JavaScript / TypeScript
DevelopAméliorez vos compétences en JavaScript / TypeScript avec l’aide de nos experts !
