Formation Fondamentaux du développement front-end avec Angular

Présentation de la formation

Angular est un framework front-end complet utilisé pour développer des applications web complexes, scalables et bien structurées. Il repose sur une architecture orientée composants et services, facilitant la modularité et la maintenabilité du code.

Avec l’évolution du framework, de nouveaux paradigmes comme les Signals et un control flow plus moderne ont été introduits pour améliorer la réactivité et la lisibilité des applications. Dans ce contexte, les développeurs doivent maîtriser à la fois les fondamentaux historiques et les évolutions récentes pour construire des applications robustes et performantes.

Grâce à cette formation, maîtrisez des bases solides et opérationnelles sur Angular avec les pratiques actuelles recommandées.
 

Pourquoi réaliser une Formation Fondamentaux du développement front-end avec Angular ?

Se former aux fondamentaux du développement front-end avec Angular permet de comprendre le fonctionnement d’une application Angular et de structurer correctement ses projets.

La formation vous guide dans la maîtrise des composants, services et directives, l’utilisation des Signals pour la réactivité et l’exploitation du control flow moderne (@if, @for, @switch).

Elle vous permet également d’acquérir les réflexes nécessaires pour débugger efficacement une application et garantir sa stabilité. 

Objectifs de la formation Fondamentaux du développement front-end avec Angular

• Comprendre le fonctionnement d'une application Angular
• Maîtriser les composants, services et directives
• Utiliser les Signals pour la réactivité
• Maîtriser le Control Flow moderne (@if, @for, @switch)
• Savoir débugger une application Angular

Pour qui ?

Cette formation s’adresse aux développeurs front-end souhaitant se spécialiser sur Angular, aux profils JavaScript en montée en compétences ou à toute personne souhaitant développer des applications web structurées et performantes.

Programme

Partie 1 - Démarrage

• Introduction au frontend
• Installation et première app
• Ajout de Bootstrap

Partie 2 - les composants

• Introduction aux composants
• Creer et utiliser des standalone components
• Templates, styles et selecteurs
• Projet ClientManager

Partie 3 - Databinding

• Les 4 types de databinding
• String interpolation
• Les Pipes
• Property binding
• Event binding
• Two-way binding
• Projet ClientManager

Partie 4 - Les Signals

• Pourquoi les Signals ? Le nouveau paradigme réactif
• Computed signals
• effect() pour réagir aux changements
• Projet ClientManager

Partie 5 - Control Flow

• @if (condition) { } @else { }
• @for (item of items; track item.id) avec variables contextuelles
• @switch / @case / @default

Partie 6 - Styling dynamique

• Modifier styles et classes CSS dynamiquement
• Projet ClientManager

Partie 7 - Communication entre composants

• input() - Recevoir des donnees
• output() - Emettre des evenements
• Projection de contenu
• Accès au DOM
• Projet ClientManager

Partie 8 - Lifecycle hooks

• Lifecycle hooks

Partie 9 - Services et injection de dépendances

• Pourquoi des services ?
• Créer un service
• Service dans service
• Projet ClientManager
Partie 10 - Les Directives
• Les Directives d'attribut
• Directives : evenements et inputs

Partie 11 - Creation de Pipes

• Creer un Pipe custom

Partie 12 - Debug

• Comprendre les erreurs et debugger avec DevTools 5

Prérequis

Une bonne maîtrise de JavaScript est recommandée, ainsi qu’une compréhension des bases en TypeScript et développement web (HTML, CSS). 

Modalités et délais d'accès

Financer sa formation en Développement Web / Informatique

Plusieurs dispositifs de financement sont possibles en fonction de votre statut professionnel et peuvent financer jusqu’à 100% votre formation.

Pour plus de renseignements, nous vous invitons à consulter notre guide du financement et à contacter nos conseillers pour vous accompagner pas à pas dans vos démarches.

Les avantages VISIPLUS academy

Ces formations pourraient également vous intéresser