Informatique

Angular

Angular

Réf 4-AG-ANG
Durée 3 jours

Objectifs

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

Infos

Sessions à venir

27 mai-29 mai 2024
04 sep-06 sep 2024
09 sep-11 sep 2024

Certifications :

Nous consulter

Programme

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

En savoir +

Prérequis

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

Moyens pédagogiques

Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
Remise d'un support de cours.

Possibilité de certification

Nous consulter.