Formation Angular
Cette formation à Angular, animée par nos experts IT, vous permettra de maîtriser la dernière version d'Angular, framework JavaScript développé par Google. Optimisez le développement de vos applications web, en réalisant des travaux pratiques et en obtenant des retours d'expérience. Grâce à cela, vous aurez toutes les compétences et les bonnes pratiques nécessaires à un développement d'application web autonome et pérenne. Un support de cours vous sera également offert pour cette formation. Pour vous permettre d’apprendre Angular de A à Z en un minimum de temps tout en étant prêt à coder avec ce framework, nous avons conçu un programme intensif, alliant théorie et pratique. Des exemples concrets ainsi que des mises en situation rythment le programme, vous permettant d’acquérir de nouvelles connaissances en peu de temps et de façon pérenne. Version : Angular 16+.
Proposé par
Sparks
Objectifs pédagogiques
- Comprendre l'architecture Angular
- Créer et gérer des composants
- Utiliser les directives et pipes
- Implémenter des services
- Concevoir des formulaires
- Utiliser RxJS et Observables
- Gérer les signaux
- Mettre en place le routing Angular
Programme de la formation
Introduction à la formation Angular
Présentation générale et objectifs de cette formation pour apprendre Angular
Ce qu’apporte Angular au développement web
Versionning et évolutions d’Angular : différences entre AngularJS et Angular 2+
Atelier : tour de table, présentation des stagiaires et du formateur, échanges sur les différents contextes professionnels et perspectives d’application des acquis de la formation.
Composants, templates et liaison de données (databinding)
Créer un composant standalone
Databinding : l’interpolation et la liaison de données, two-way binding de composants
Les contrôles de flux : @if, @for et @switch
Directives et pipes
Directives structurelles (ngFor, ngIf et les ngSwitch)
Directives par attribut (ngModel, ngStyle, ngClass…)
Pipes natifs (UpperCasePipe, CurrencyPipe, DatePipe …)
Créer ses propres directives et ses propres pipes
Services et injection de dépendances
Bien comprendre les injections de dépendances
Le provider
La fonction inject()
RxJS, Observable et requête HTTP
Comprendre la programmaton réactive, les observables et les observateurs et les utiliser
Principes du RxJS (Reactive Extensions for JavaScript)
Apprendre avec Angular à gérer les requêtes HTTP avec le service HttpClient
Les principaux opérateurs : map(), filter() et tap()
Les signaux
La réactivité avec les signaux
Les calculs dérivés avec computed()
Les effets
Gérer les états dans l’application avec le signal
Navigation et Routing Angular
Panaroma du routage Angular
Créer et paramétrer des routes, des URLs, gérer les redirections
Paramétrer les routes, les redirections et les guards
Naviguer avec routerLink et navigate
Les formulaires
Template-driven, reactive… quelles manières de créer des formulaires ?
Comment bien gérer le flux de données
Créer des validateurs
Tests
Introduction aux tests unitaires
Proposé par
Sparks
"Tout l'IT, vraiment tout"
Proposé par
Sparks
