null

Développement Front-End

Angular

Objectif

Comprendre le fonctionnement du framework Angular, des applications type Single Page. Etre capable de créer et maintenir des applications Angular, connaître les bonnes pratiques.

Durée : 3 jours (21 heures)

Dates :
-09/01/23
-20/03/23
-23/08/23
-13/11/23

Connaissances de base du développement, du langage JavaScript, notions AJAX.

Programme de la formation

Vue d'ensemble d'Angular

  • Présentation du Framework
  • Angular vs AngularJS
  • Présentation de Typescript
  • NodeJS et NPM
  • Bien démarrer avec la CLI Angular

Architecture Angular

  • Les différents types de NgModules : features, core
  • Les différents types de composants : pages, présentations
  • Fichiers de configurations
  • Modules, import, export et provider
  • Intégration de librairie externe CSS ou JavaScript
  • Scripts et outils de construction/packaging

Composants

  • Comprendre les Web Components
  • Présentation des composants
  • Création d'un composant
  • Les templates
  • Les expressions
  • La classe du composant
  • Le style des composants

Directives

  • Directive : fonctionnement et création
  • Les directives fournies par Angular
  • Attribute directives
  • Structural directives
  • Directives complexes

Pipes

  • Définition
  • Les pipes standards (lowercase, uppercase, currency, decimal,...)
  • Le pipe key-value
  • Créer son propre pipe

Data-binding

  • One-way data bindings
  • Expressions
  • Two-way data bindings avec ngModel
  • Template syntax
  • Template reference variable

Formulaires

  • Lier le formulaire au modèle
  • Valider les champs
  • Gérer les erreurs
  • Regroupement d’items
  • Création de formulaire dynamique (ReactiveForm)

Gestion d’événements

  • Event binding
  • Types d’événement et handlers

Routing

  • Concepts de routage
  • Configuration des routes
  • Module Router
  • Méthodes de routage et paramètres

Services

  • Injections de dépendances
  • Créer des services injectables
  • Structurer ses services

Communication avec le serveur

  • Requêtes HTTP
  • Communication avec une API
  • Afficher des données externes
  • Programmation réactive pour manipuler la requête
  • Filtrer et transformer les données avec RxJS
  • Transformation des données et observables

Pour aller plus loin

  • Animations
  • Injection de dépendances avancée (IoC)
  • Introduction aux tests
  • Introduction aux PWA

Formations similaires

Menu