Formation Angular.
96% de clients Sparks satisfaits (3317 notes)
Durée :
3 jours
06/07/2021 à Distance
numero vert : 0805 950 800 (service et appel gratuits)
Angular
à partir de
1650 €HT
Formation référencée Datadock

Référence :
2ANG
Durée :
3 jours
TP :
60%

Disponible en distanciel et dans 17 villes
Ce stage comprend
 21 heures de formation
60% de travaux pratiques
Pauses et snacks à volonté
Prise en charge OPCO possible
Disponible à distance

Formation Angular.

Avec notre formation Angular, apprenez à développer des applications web performantes rapidement

Cette formation Angular, la dernière version du framework Java développé par Google vous permettra d'optimiser le développement de vos applications web. Au cours de cette formation Sparks, l'accent sera mis sur les travaux pratiques et les 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.

Objectifs pédagogiques.

Prérequis : Connaissances en JavaScript ainsi qu'en langage web (CSS, HTML)
06/07/2021 à Distance
06/07/2021 à Grenoble
06/07/2021 à Lyon

Programme de formation Angular.

PDF

Introduction à la formation Angular

Présentation générale et objectifs de cette formation 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
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, ngIn 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 : 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)
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)
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…

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.

À propos de 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 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 Sparks sur 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 développer des applications web natives pour tous les supports (bureau, mobile ou encore tablette).
Cette formation professionnelle pour Angular vous apprendra é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.

Amandine de Sparks
Des chiffres étincelants.
16 années
à vos côtés
+ de 1000
sujets de formation
5000
stagiaires formés en 2020
260
formateurs actifs en 2020
96%
de clients satisfaits
90%
de nos sessions inter-entreprises maintenues
HAUT