Angular 2+

  • Filière :

    Développement logiciel

  • Sous-filière :

    Technos Web (PHP, JS...)

  • Référence

    DW-ANG2

  • Durée

    3 jours (21 h)

  • Prix par personne HT

    1 790 € HT

Description

Nos formations sont organisées sur les dernières version d’Angular, à savoir la version 5. Avec la version 2 et ensuite 4, 5 et maintenant 13, Angular propose toujours plus de cohérence dans le développement front.
Les concepts d’ecma script 6 (ES6) sont utilisés pour faciliter la production d’applications web SPA : Modules, Annotations, Web Components … TypeScript sera utilisé pour construire les composants.

Objectifs pédagogiques

  • Maitriser la version 2 d’AngularJs
  • Découvrir les spécifications EcmaScript 6 (ES6)

Public cible

  • Consultants
  • Développeurs
  • Developpeurs
  • Développeurs Android

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

  • Exposés
  • Cas pratiques
  • Echanges d’expérience

Programme de la formation

Présentation

  • Positionnement d’Angular
  • Angular vs AngularJS
  • Rôles de TypeScript et ES6
  • Aperçu de l’architecture
  • Présentation d’Angular CLI
  • Découverte d’un exemple minimal
  • La phase de démarrage

Outillage

  • Débogage dans le navigateur
  • Augury
  • Visual Studio Code

TypeScript et ES6

  • Transpilation
  • Let et const
  • Template strings
  • Typage
  • Classes et interfaces
  • Les modules
  • Arrow functions
  • Décorateurs

Les composants

  • La notion centrale d’Angular
  • Structure d’une application
  • Angular NgModule
  • Structure d’un composant
  • Template
  • Styles
  • Création d’un composant avec Angular CLI
  • Cycle de vie des composants
  • Imbrication des composants
  • Content projection

Les templates

  • Template et DOM
  • Interpolation et expressions
  • Binding et interactions
  • @Input et @Output
  • Binding bidirectionnel
  • La notion de directives
  • Directive de structure et directive d’attribut NgClass, NgStyle et NgModel
  • NgFor, NgIf et NgSwitch
  • Les pipes

Injection de dépendances

  • Principes
  • Les services et @Injectable
  • Injectors et providers
  • Les types de providers
  • Token et @Inject

RxJS et Observables

  • Principes de la programmation réactive
  • La librairie RxJS
  • La notion de flux
  • Les ‘Observables’
  • Quelles utilisations dans Angular ?

Routage

  • Importance du routage
  • Configuration du RouterModule
  • RouterOutlets
  • Définition des Routes
  • Naviguer vers une route Routes secondaires
  • Routes paramétrées

Appels HTTP

  • La notion de services HTTP
  • Les APIs proposées : Http et HttpClient
  • Envoi de requêtes

Formulaires

  • Structure d’un formulaire
  • Formulaires par template
  • Validations
  • Gestion des styles
  • Formulaires réactifs
  • FormControl et FormGroup
  • Groupe de champs avec FormBuilder Gestion des modifications

Annexes

  • Liens guides de codage
  • Projets complémentaires

Qualité

Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.

Programme mis à jour le