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.83/5 - 11 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 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
Toutes nos formations sont disponibles en présentiel ou à distance.
Pré-inscription
Niveau :
Icône fondamental Fondamental
En soumettant ce formulaire, vous  acceptez que 4SH mémorise et utilise vos données personnelles dans les conditions décrites dans la Notice d'informations RGPD.
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

  1. Introduction
    • Présentation
    • Les clés du succès
    • Ecosystème
    • Single Page Application
    • Versions
  2. Création d’une application
    • Angular CLI
    • Structure d’une application
  3. Composants : premiers pas
    • Présentation
    • Décorateur
    • Sélecteur
    • Template
    • Styles
    • Interpolation
    • Liaison (binding) de propriété
    • Invocation
  4. Composants : événements du DOM
    • Présentation
    • Outillage
  5. Directives
    • Directives structurelles
    • Directives d’attribut
  6. Control flow syntax
    • Conditions: @if, @else-if, @else, @switch
    • Boucle: @for
  7. Tour d'horizon modules Angular & composants standalone
    • Présentation et intérêts modules
    • Le présent et futur avec les composants standalone
  8. Composant : entrées et sorties
    • Entrées (avec approche signaux)
    • Sorties (avec approche signaux)
    • Détection de changement
    • Cycle de vie
  9. Composant : cycle de vie
    • ngOnInit
    • ngOnChanges
    • ngOnDestroy
  10. Services : injection de dépendances et singleton
    • Présentation
    • Injection de dépendances
    • Singleton
  11. Routing : tour d'horizon
    • Présentation
    • Router
    • Routes
    • router-outlet
    • Navigation
    • Routes hiérarchiques
    • Redirection
  1. Pipe : tour d’horizon
    • Présentation
    • Pipes intégrés à Angular
    • Créer ses propres pipes
  2. RxJS : programmation réactive
    • Concept
    • Présentation des observables
    • Comparaison avec les promesses
    • Création
    • Abonnement
    • Opérateurs
    • Gestion d'erreurs
  3. Observable dans Angular
    • Usages
    • Subject
    • BehaviorSubject
    • ReplaySubject
    • Communication basée sur les services
    • Désabonnement
    • AsyncPipe
  4. Communication HTTP client / serveur
  5. Communication HTTP : outillage DevTools
  6. Internationalisation / Localisation
    • Localisation
    • Internationalisation
    • Approche native
    • Approche ngx-translate
  7. Formulaire piloté par le template : tour d'horizon
    • Présentation
    • Contrôles
    • Liaison de propriétés
    • Soumission du formulaire
  8. Formulaire piloté par le template : validation et gestion d’erreurs
    • Validation
    • Gestion des erreurs
  9. 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
  10. 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
  11. Conclusion

Formateur formation Angular

Frédéric

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.


Modalités d'accueil

Café offert
Repas du déjeuner inclus dans le tarif de la formation
Parking


Formation(s) liée(s)

JavaScript / TypeScript
à partir de
2200 €
(8)

Améliorez vos compétences en JavaScript / TypeScript avec l’aide de nos experts !