Développement web avec Angular

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)

Programme

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 1, 2 et 4
• ng-forward