Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie

Angular

Des bases solides pour développer des applications avec Angular

angular-js

Angular est devenu un framework incontournable de l’écosystème Front. Développé par Google ce framework a su s’imposer pour devenir la référence. Ce cours est mis à jour pour la dernière version d’Angular.

Objectifs

  • Développer des (single page) applications avec Angular
  • Appréhender les orientations du framework Angular (composants, appels serveurs, formulaires, injection de dépendances…)

Public

  • Développeurs, intégrateurs, architectes logiciel, chefs de projet technique

Prérequis

  • Connaissances du langage HTML et CSS.
  • Avoir suivi ou avoir des connaissances équivalentes aux cours:
    • JavaScript: les fondamentaux du langage
    • JavaScript: développer des applications web
    • TypeScript: les fondamentaux du langage

Programme de la formation

Premiers pas avec Angular

  • Installation d’Angular
  • Découverte d’un composant
  • Démarrage d’une application
  • Présentation des modules
  • Ateliers:  Création d’un composant / Démarrage de l’application

Databinding

  • Découverte du mécanisme de databinding d’Angular : variables, propriétés, événements
  • Ateliers:  Création de binding de variables et propriétés / Création d’un événement

Observables

  • Choix d’Angular de partir sur RxJS
  • Principes de bases d’un observable
  • Présentation de quelques opérateurs
  • Ateliers: Manipulation basique d’observables

Les composants

  • Analyse des attributs d’un composant
  • Présentation des directives
  • Présentation des annotations
  • Présentation des classes
  • Présentation de la communication entre composants
  • Présentation du cycle de vie d’un composant
  • Ateliers:  Création d’un composant et d’un sous composant pour tester l’imbrication et la communication / Gestion d’événements sur un composant

Communication serveur

  • Présentation du module http
  • Manipulation d’observables
  • Ateliers:  Gestion d’un appel serveur / Manipulation d’observables

Routage

  • Mise en place du routeur
  • Configuration du routeur
  • Ateliers: Mise en place d’un mécanisme de navigation

Services

  • Découverte des services Angular
  • Présentation de l’injection de dépendance
  • Ateliers: Création d’un service

Formulaires & validation

  • Présentation des différents éléments de formulaires
  • Formulaire Template-driven
  • Formulaire Model-driven
  • Manipulation de validateurs
  • Ateliers:  Création de formulaire Template driven, model driven / Création d’un validator

Pipes

  • Présentation des pipes
  • Comment créer ses propres pipes
  • Ateliers:  Utilisation de pipes Angular / Création d’un pipe customisé

Utilisation avancée des directives

  • Retour sur les directives
  • Comment créer sa directive
  • Ateliers:Création d’une directive

Communication avancée

  • Présentation du pattern Flux
  • Présentation d’outils NgRX et NgXs
  • Ateliers: Manipulation de NgRX ou de NgXs

Module: Déploiement

  • Présentation du déploiement d’applications Angular
  • Jit, AoT
  • Introduction aux schématics
  • Ateliers: Génération d’un application Angular

Tester une application

  • Présentation des tests sous Angular
  • Karma & Jasmine
  • Test asynchrones
  • Mécanisme de Mock
  • Ateliers: Réalisation de tests unitaires d’un service, d’un composant et d’une directive

Concepts avancés

  • Angular et le Lazyloading
  • Utilisation de guard
  • Présentation des zones et de la stratégie OnPush
  • Routing avancé
  • Ateliers: Décomposition de l’application en module à lazyloader / Utilisation d’un routing évolué