01 85 77 07 07
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
Accueil > Domaines > Développement > Frameworks > Angular

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é