Référence : kjykuvI98lmv
Durée : 35 h sur 5 j
Macademia
Antibes
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
1
Javascript
- Rappels élémentaires sur le langage
- Comprendre les fonctions en EcmaScript
- Comprendre les closures
- Les bonnes pratiques en JavaScript
- Comprendre les fonctions en EcmaScript
- Comprendre les closures
- Les bonnes pratiques en JavaScript
2
Angular 2+
- Introduction au framework
- La philosophie Angular, les principes à respecter
- La philosophie Angular, les principes à respecter
3
EcmasScript 6+
- Nouvelle gestion des classes
- Les arrow functions
- Les template string
- L’héritage de classe
- La déstructuration d’objets et arrays
- Les arrow functions
- Les template string
- L’héritage de classe
- La déstructuration d’objets et arrays
4
TypeScript
- Les avantages d’un langage plus strict
- Utiliser les fichiers « typings »
- Fonctions aux paramètres par défaut
- Utiliser les interfaces
- Utiliser les fichiers « typings »
- Fonctions aux paramètres par défaut
- Utiliser les interfaces
5
Les composants
- Créer une hiérarchie de composants
- Transfert d’informations
- Les directives structurelles
- Projeter des données dans les composants
- Transfert d’informations
- Les directives structurelles
- Projeter des données dans les composants
6
Dependency Injection
- Les entités « Injectors » en Angular
- Comprendre les « Injection Token »
- Hierarchie d’injecteur
- Comprendre les « Injection Token »
- Hierarchie d’injecteur
7
Observer/Observable
- Maîtriser les promesses
- Utiliser les Observables avec RxJS
- Les opérateurs d’observable
- Cold observables / Hot observables
- Utiliser les Observables avec RxJS
- Les opérateurs d’observable
- Cold observables / Hot observables
8
Change Detection
- Comment fonctionne la détection de changement en Angular
- Optimiser l’application
- Cycle de vie des composants
- Optimiser l’application
- Cycle de vie des composants
9
Les Pipes
- Créer un Pipe
- Utilisation du pipe asynchrone
- Etudes des 2 types de Pipe existants : « Statefull » & « Stateless »
- Utilisation du pipe asynchrone
- Etudes des 2 types de Pipe existants : « Statefull » & « Stateless »
10
Les formulaires
- Les Model-Driven & Template-Driven formulaires
- Dynamiser la validation de nos formulaires
- Créer nos validateurs personnalisés
- Dynamiser la validation de nos formulaires
- Créer nos validateurs personnalisés
11
Les directives
- Directives natives Angular
- Utilisation des directives structurelles
- Création de directives structurelles complexes
- Les bonnes pratiques pour architecturer son projet
- Utilisation des directives structurelles
- Création de directives structurelles complexes
- Les bonnes pratiques pour architecturer son projet
12
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
- Configuration du système de routing
- Manipuler la navigation des pages
- Optimisation avec le « Lazy Loading »
- Cycle de vie des routes
13
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
- Test de classes, composants & fonctions
- Mise en place des mocks, simulation la connexion à un serveur
- Tests asynchrones & gestion du timer
14
WebPack
- Comprendre Webpack
- Chargement des templates
- Mise en place de loaders & plugins
- Chargement des templates
- Mise en place de loaders & plugins
Sur la même thématique
Nous contacter
Chambre de Commerce
et d’industrie Nice Côte d’Azur
20 Boulevard Carabacel
CS 11259
06005 NICE CEDEX 1