Formation - Formation Angular
Bureautique Numérique Cybersécurité CAO/PAO

Formation Angular

Référence : kjykuvI98lmv
Durée : 35 h sur 5 j
Logo - Macademia
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
2
Angular 2+
- Introduction au framework
- 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
4
TypeScript
- Les avantages d’un langage plus strict
- 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
6
Dependency Injection
- Les entités « Injectors » en Angular
- 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
8
Change Detection
- Comment fonctionne la détection de changement en Angular
- 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 »
10
Les formulaires
- Les Model-Driven & Template-Driven formulaires
- 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
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
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
14
WebPack
- Comprendre Webpack
- Chargement des templates
- Mise en place de loaders & plugins

Sur la même thématique

Logo eDRH Sud PACA - Footer
Nous contacter

Chambre de Commerce
et d’industrie Nice Côte d’Azur

20 Boulevard Carabacel
CS 11259
06005 NICE CEDEX 1

Tel :04 93 13 75 73
(Appel gratuit depuis un poste fixe)