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.9/5 - 8 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é Session(s) à venir

Prochaine(s) session(s)

Du 14/04/2025 au 17/04/2025

Du 16/06/2025 au 19/06/2025

Du 06/10/2025 au 09/10/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 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

Mathieu, fort de plus de 10 ans d'expérience, est Tech Lead accompli chez 4SH spécialisé dans le développement front-end. Il a travaillé sur des projets majeurs dans les secteurs de la logistique, de l'assurance et de la mobilité électrique.

Mathieu est un formateur passionné, dispensant, en plus de la formation Angular : les formations MongoDB et TypeScript, et transmettant son savoir avec une approche pratique et orientée vers les nouvelles technologies.

É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.