Aperçu du cours
Objectif de formation : à l’issue de la formation, le stagiaire sera capable de développer des applications web performantes à partir de JavaScript, en utilisant les nouveautés du framework de référence Angular.
Prérequis
- Avoir des connaissances pratiques sur les technologies du Web, les outils actuels de développement Front-End et JavaScript
Objectifs pédagogiques
- Maîtriser les fondamentaux du Framework Angular et ses nouveautés
- Organiser, modulariser et tester ses développements JavaScript
- Savoir développer plus rapidement et tester des applications web Angular 2 avec JavaScript et TypeScript
- Connaître les bonnes pratiques de développement et de mise en production
- Découvrir les spécifications EcmaScript 6 (ES6)
- Savoir intégrer les tests unitaires au développement
Public ciblé
- Architectes
- Développeurs
- Chefs de projets
Programme de formation
-
Présentation et premiers pas sur Angular
-
Outils et IDE
-
Packaging, grunt, npm
-
Webpack
-
Installation npm
-
Installation angular-cli
-
-
Typescript & ES6
-
Installation de TypeScript
-
Transpiler EcmaScript
-
Let, variables locales & constantes
-
Typage et types natifs
-
Paramètres optionnels & valeurs par défaut
-
Classes & interfaces
-
Arrow functions
-
Gestion des modules
-
Décorateurs
-
-
Templates
-
Interpolation / Expression
-
Binding & interactions
-
Variables locales
-
Pipes & filtres
-
-
Formulaires
-
Control & ControlGroup
-
Validations
-
Gestion des modification
-
Gestion des erreurs
-
Formbuilder : groupes de champs
-
-
Composants & services
-
Directives
-
Composants
-
Visibilité des composants
-
Services, injectable
-
-
Observables & RXJS
-
Introduction
-
Observable et rxJs
-
EventEmitter & Angular 2+
-
-
Routing
-
Concepts de routage
-
Router providers et config
-
Router directives
-
Méthodes de routage et paramèters
-
-
HTTP
-
HTTP Providers
-
Requêtes
-
Transformation des données & observables
-
Options de requêtes
-
-
Tests et requêtes HTTP
-
Migration
-
Composants Angular
-
ng-upgrade : coexistance des différentes versions
-
ng-forward
-
Instructeur
