Formation - Formation Angular

Référence : kjykuvI98lmv

Durée : 35 h sur 5 j

Créé par Google, le framework open-source Angular est une plate-forme de développement web front-end basée sur TypeScript et conçue pour créer des Single Page Applications efficaces et sophistiquées. Ce cours est basé sur la version 10 d'Angular.

Détails de la formation

Méthodes et outils pédagogiques

Noot : propre plateforme de visioconférence
Explication avec des exemples concrets à l'aide de schémas (live coding)

Objectifs de la formation

Dynamiser sa page web
Développer une application web dynamique et performante
Maitriser le framework google : Angular
Comprendre le développement orienté composant
Maitriser le routing Angular

Méthodes d'évaluation

Quiz
Travaux pratiques

Les plus

Des formateurs certifiés et reconnus dans leurs domaines
Un fil rouge qui vous permettra d'obtenir en fin de cours une véritable application

Pré-requis

Bonnes connaissances des technologies du Web
Connaissances de JavaScript

Modalités d'enseignement

En présentiel
En distanciel

Public cible

Tous publics

Programme

Javascript

- Rappels élémentaires sur le langage
- Comprendre les fonctions en EcmaScript
- Comprendre les closures
- Les bonnes pratiques en JavaScript

Angular 2+

- Introduction au framework
- La philosophie Angular, les principes à respecter

EcmasScript 6+

- Nouvelle gestion des classes
- Les arrow functions
- Les template string
- L’héritage de classe
- La déstructuration d’objets et arrays

TypeScript

- Les avantages d’un langage plus strict
- Utiliser les fichiers « typings »
- Fonctions aux paramètres par défaut
- Utiliser les interfaces

Les composants

- Créer une hiérarchie de composants
- Transfert d’informations
- Les directives structurelles
- Projeter des données dans les composants

Dependency Injection

- Les entités « Injectors » en Angular
- Comprendre les « Injection Token »
- Hierarchie d’injecteur

Observer/Observable

- Maîtriser les promesses
- Utiliser les Observables avec RxJS
- Les opérateurs d’observable
- Cold observables / Hot observables

Change Detection

- Comment fonctionne la détection de changement en Angular
- Optimiser l’application
- Cycle de vie des composants

Les Pipes

- Créer un Pipe
- Utilisation du pipe asynchrone
- Etudes des 2 types de Pipe existants : « Statefull » & « Stateless »

Les formulaires

- Les Model-Driven & Template-Driven formulaires
- Dynamiser la validation de nos formulaires
- Créer nos validateurs personnalisés

Les directives

- Directives natives Angular
- Utilisation des directives structurelles
- Création de directives structurelles complexes
- Les bonnes pratiques pour architecturer son projet

Routing

- Mise en place de routes complexes
- Configuration du système de routing
- Manipuler la navigation des pages
- Optimisation avec le « Lazy Loading »
- Cycle de vie des routes

Tests unitaires

- Maitriser Karma & Jasmine
- Test de classes, composants & fonctions
- Mise en place des mocks, simulation la connexion à un serveur
- Tests asynchrones & gestion du timer

WebPack

- Comprendre Webpack
- Chargement des templates
- Mise en place de loaders & plugins