Angular

Développer une application web avec Angular

  • 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

    2 050 € HT

Objectifs pédagogiques

  • Développer des applications avec le framework Angular
  • Comprendre l’architecture d’Angular
  • Assimiler les nouveautés d’ES6+
  • Découvrir et mettre en oeuvre TypeScript

Public cible

  • Consultants
  • Développeurs
  • Leaders techniques

Pré-requis

Avoir suivi le cours JavaScript et avoir mis en pratique les concepts enseignés

Modalités d’évaluation

  • Evaluation des acquis de la formation par le biais de cas pratiques et/ou mises en situation
  • Attestation de formation remise à chaque participant.

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
  • IDE (Visual Studio Code)

 TypeScript et ES6+

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

Les composants

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

Les templates

  • Template et DOM
  • Interpolation et expressions
  • Binding et interactions
  • Les pipes
  • Binding dévènements
  • Les directives
  • Directives d’attribut
  • Directive de structure
  • Control Flow
  • @Input() et @Output()
  • Binding bidirectionnel

Injection de dépendances

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

 Introduction à RxJS

  • Principes
  • La librairie RxJS
  • La notion de flux
  • Les ‘Observables’
  • Quelles utilisations dans Angular ?

 Routage

  • Importance du routage
  • RouterOutlets
  • Initialisation du Router
  • Définition des Routes
  • Naviguer vers une route
  • Sous-routes
  • Routes paramétrées

 Appels HTTP

  • HttpClient
  • Envoi de requêtes
  • Gestion des réponses
  • Gestion des erreurs

 Formulaires

  • Structure d’un formulaire
  • Formulaires par template
  • Binding
  • Validation
  • Gestion des styles
  • FormGroup
  • Formulaires réactifs
  • FormControl et FormGroup et FormBuilder
  • Typage
  • Gestion des modifications
  • Template
  • Observable
  • Mise à jour vers Angular 14

 Annexes

  • Liens divers
  • Projets complémentaires
  • Mise à jour du CLI

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