Prochaines sessions
- Le 23/09/2019
- Le 09/12/2019
Objectifs
- Connaître les fonctionnalités du framework Angular 2+
- Comprendre comment développer plus rapidement grâce à Angular 2-
- Être capable de développer des applications web Angular 2+ performantes avec JavaScript et TypeScript
- Découvrir les spécifications EcmaScript 6 (ES6)
Pré requis
- Connaissance de JavaScript ou de TypeScript
Modalités pédagogiques
Cours dispensé en mode présentiel avec une alternance d’apports théoriques et méthodologiques, et de mises en situations pratiques
Inscription
Programmes de Angular 2+ – Développement d’applications Web
INTRODUCTION
- Outils et IDE
- Packaging, grunt, npm
- Webpack
- Installation npm
- Installation angular-cli
TYPESCRIPT ET ES6
- Installation TypeScript
- Transpiler EcmaScript
- Let, variables locales et constantes
- Typage et types natifs
- Paramètres optionnels, valeurs par défaut
- Classes et interfaces
- Gestion des modules
- Arrow functions
- Décorateurs
TEMPLATES
- Interpolation / expression
- Binding et interactions
- Variables locales
- Symbole *, directives de structure
- Pipes, filtres
FORMULAIRES
- Control et ControlGroup
- Validations
- Gestions d’erreurs
- Gestion des modifications
- Groupes de champs avec FormBuilder
COMPOSANTS ET SERVICES
- Directives : selectors, inputs, outputs, cycle de vie, providers
- Composants : templates, styles, directives, pipes
- Visibilité des composants
- Services, injectable
OBSERVABLES ET RXJS
- Présentation
- Observable et rxJs
- EventEmitter dans Angular 2+
ROUTING
- Concepts de routage
- Router providers et config
- Router directives
- Méthodes de routage et paramètres
HTTP
- HTTP providers
- Requêtes
- Transformation des données et observables
- Options de requêtes
TESTS ET REQUÊTES HTTP
- Migration
- Composants Angular
- ng-upgrade : coexistence des différentes version
- ng-forward