[wpms_breadcrumb reverse="0"]
Application Web

Angular 2+ – Développement d’applications Web

Reference : ANG2AW

3

jours
- 1890 € HT
Télécharger la fiche
Prochaines sessions
Angular 2+ – Développement d’applications Web
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 et délais d’accès

Bulletin d'inscription à retourner complété

Pré-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