Formation Angular.
Score de satisfaction : 4.95/5
Durée :
3 jours
25/03/2024 à Distance
numero vert : 0805 950 800 (service et appel gratuits)
Angular
à partir de
1950 €HT

Référence :
SF33063
Durée :
3 jours

Réservez vos places pour la session du
Vous souhaitez une session sur-mesure (intra) ?
Ce stage comprend
 21 heures de formation
Pauses et snacks à volonté
Prise en charge OPCO possible
Disponible à distance

Formation Angular.

Notre formation Angular de 3 jours , pour apprendre à développer des applications web performantes !

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 également le programme, vous permettant d’acquérir de nouvelles connaissances en peu de temps et de façon pérenne.

Objectifs pédagogiques.

1Comprendre l'architecture Angular

2Créer et gérer des composants

3Utiliser les directives et pipes

4Implémenter des services

5Concevoir des formulaires

6Utiliser RxJS et Observables

7Mettre en place le routage Angular

8Effectuer des tests unitaires et E2E

Prérequis : Bonnes connaissances en JavaScript, y compris ES2015 et TypeScript.
Partagez cette formation

Programme de formation Angular.

PDF

Introduction à la formation Angular

Présentation générale et objectifs de cette formation pour apprendre Angular
Décrypter la philosophie de Google pour Angular
Ce qu’apporte Angular au web development
Avant de démarrer Angular : TypeScript, Babel, JavaScript (EcmaScript 2015, ES7, ES2018…)
Le W3C et les Web Components (custom elements, shadow DOM, HTML templates et imports)
Versionning : différences entre AngularJS et Angular
Atelier : Tour de présentation stagiaires et formateur, contextes professionnels et buts de la formation pour les stagiaires.

Structure du framework et fondamentaux

Vue globale de l’architecture Angular : services, composants…
Organisation générale d’une application Angular
Syntaxes, Templates, Pipes et directives, injection de dépendances
Les conteneurs NgModules, l’encapsulation : organisation générale du code Angular
Webpack, nouvelles fonctionnalités d’Angular CLI et packages requis
Comment gérer les données dynamiques avec le databinding
Cas pratiques possibles : Installer et configurer l’environnement et les outils ; Créer sa première application Angular de A à Z à l’aide d’Angular CLI…

Composants, templates et liaison de données (databinding)

Démarrer un projet Angular, apprendre la création et la gestion
Propriétés et différences des annotations et des décorateurs
Les différents mécanismes d’interaction entre les composants
Angular components : leur structure, leur hiérarchie et leur cycle de vie
ViewEncapsulation : Ajouter des styles aux composants
Databinding : l’interpolation et la liaison de données, two-way binding de composants
Angular Elements : utiliser les packages de web components
Cas pratiques possibles : Créer des composants Angular, leur ajouter des styles, utiliser les différents types de databinding, transformer les composants en Angular Elements…

Directives et pipes

Directives structurelles (ngFor, ngIf et les ngSwitch)
Directives par attribut (ngModel, ngStyle, ngClass…)
Pipes natifs (UpperCasePipe, CurrencyPipe, DatePipe …)
Le pipe keyvalue
Créer ses propres directives et ses propres pipes
Cas pratiques possibles durant la formation Angular : Utiliser efficacement les directives, enrichir ses composants en manipulant ses propres pipes, Change Detection…

Services et injection de dépendances

Bien comprendre les injections de dépendances
Les injecteurs et instances dans Angular
Créer un service basique et l’enregistrer selon différentes options
Les tree-shakable providers pour la déclaration des services
Cas pratiques possibles : Développer et déclarer des services personnalisés.

Formulaires

Template-driven, reactive… quelles manières de créer des formulaires ?
Comment bien gérer le flux de données
Sécurité : comment gérer les erreurs et les valider
Créer des validateurs personnalisés
Ajout de validateurs aux questionnaires
Cas pratiques possibles : Créer un formulaire template-driven ou reactive, enregistrer et mettre en œuvre des tests et des contrôles.

Bibliothèque RxJS et Observables

Comprendre la programmation réactive, les observables et les observateurs et les utiliser
Les Subjects et leur intérêt
Principes du RxJS (Reactive Extensions for JavaScript)
Apprendre avec Angular à gérer les requêtes HTTP avec l’API HttpClient
Les principaux opérateurs : map(), filter(), throttleTime(), scan() et reduce()
Cas pratiques possibles : Utiliser les observables et analyser leur utilité par rapport aux autres techniques comme arrays, event handlers ou encore promises. Gérer les interactions avec un serveur Firebase.

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
Exemples de cas pratiques : Définir les routes et naviguer à l’intérieur d’une application.

Tests

Configurer l’environnement de test, les bonnes pratiques de testing
Karma et Jasmine
Tests End-To-End : l’utilité de Protractor
Exemples de cas pratiques : Mettre en œuvre une démarche TDD (Test Driven Development) et tests unitaires.

PWA, Schematics, Service Workers : quelques concepts Angular avancés

Quels changements et quelles nouveautés avec la dernière version ?
Qu’est-ce qu’une Progressive Web App ?
Présentation des Service Workers (Angular 5+)
Compilation Ahead of Time (AoT)
Apprendre Angular Material et Component Dev Kit (CDK) pour l’UI Design
ng update pour migrer automatiquement, ng add et bien utiliser les Schematics
Concepts avancés, lazy-loading
Cas pratiques possibles : Implémenter une PWA, Ajouter des service workers…

L'avis des stagiaires.
Formation rodée et bien construite permettant de voir pas à pas les fonctionnalités d'Angular. De plus, le formateur est très dynamique et parvient sans mal à accrocher les gens lors des phases théoriques.
– Aurélien, Sopra Steria
RAS, l'essentiel d'angular était bien là, sans avoir non plus trop de détails
– Josselin, Sopra Steria
– Yann, Fiducial Informatique
Très bon Formateur, en petit groupe. Mais 3 jours seulement n'était pas suffisant. 4 ou 5 jours auraient été mieux
– Olivier, CGI France
Formation très intéressante et super formateur.
– Philippe, Sopra Steria
Notre charte qualité et éthique.

A travers sa Charte Engagement Qualité, Sparks s’engage à tout mettre en œuvre pour que chaque session de formation soit un succès et que votre satisfaction soit totale.

En apprendre davantage sur Angular.

Développé par Google, Angular est un framework JavaScript. Successeur d’AngularJS, le but d’Angular est de simplifier le développement d’applications web en permettant de mieux organiser son code et en apportant de nombreuses fonctionnalités de façon simplifiée et plus accessible. Bien que lui succédant, Angular reste très différent d’AngularJS puisque les deux ont des approches diamétralement opposées du développement.

En effet, avec le framework Angular, l’accent est mis sur la modularité, mais également sur son aspect communautaire, puisque, au-delà de l’équipe Google, Angular est également développé de manière participative au travers de feedback.

Grâce à notre formation à Angular, vous maîtriserez ce framework Java afin de développer des applications web de manière optimisée. Vous serez en mesure d’utiliser au mieux les riches fonctionnalités du framework fondé sur TypeScript de Microsoft, comme le testing avec Karma ou l’augmentation de productivité avec Angular CLI. Avec cette formation, vous aurez la capacité de coder des applications web natives pour tous les supports (bureau, mobile ou encore tablette).
Cette formation professionnelle pour apprendre Angular vous présentera également les bonnes et les mauvaises pratiques du framework, ainsi que ses avantages et ses inconvénients par rapport à AngularJS.

Développez efficacement des applications web performantes grâce à ce framework open-source JavaScript et à notre formation Angular Sparks.

Apprendre Angular à distance ou en présentiel

Sparks vous offre l’opportunité de suivre votre formation à Angular à distance depuis votre poste de travail ou en présentiel, aux côtés de votre formateur. Ces deux options vous donnent de la souplesse et vous permettent d’apprendre Angular et ses spécificités de la manière qui vous convient le mieux. Montez en compétences et développez les services de votre entreprise grâce à cette expertise supplémentaire ! Cette formation fait partie des programmes de formations Front-end et vise à perfectionner votre maîtrise des langages de développement.

Amandine de Sparks
Des chiffres étincelants.
19 années
à vos côtés
+ de 1000
sujets de formation
8096
stagiaires formés en 2023
238
formateurs actifs en 2023
97,9%
de stagiaires satisfaits
20237
heures de formation réalisées en 2023
HAUT