Angular

Des bases solides pour développer des applications avec Angular

3 jours (21 heures)

Webinar gratuit

9 Juillet 2020

Migration vers Google Cloud

Inscrivez-vous gratuitement

Description du cours

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 pédagogiques

Ce cours permet aux participants d'acquérir les compétences suivantes:

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

Prérequis

Pour tirer le meilleur parti de ce cours, les participants doivent disposer des éléments suivants:

  • 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

Public cible

Ce cours est destiné aux participants suivants:

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

Programme de formation

  1. 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
  2. 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
  3. 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
  4. 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
  5. Communication serveur
    • Présentation du module http
    • Manipulation d’observables
    • Ateliers:
      • Gestion d’un appel serveur
      • Manipulation d’observables
  6. Routage
    • Mise en place du routeur
    • Configuration du routeur
    • Ateliers:
      • Mise en place d’un mécanisme de navigation
  7. Services
    • Découverte des services Angular
    • Présentation de l’injection de dépendance
    • Ateliers:
      • Création d’un service
  8. 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
  9. Pipes
    • Présentation des pipes
    • Comment créer ses propres pipes
    • Ateliers:
      • Utilisation de pipes Angular
      • Création d’un pipe customisé
  10. Utilisation avancée des directives
    • Retour sur les directives
    • Comment créer sa directive
    • Ateliers:
      • Création d’une directive
  11. Communication avancée
    • Présentation du pattern Flux
    • Présentation d’outils NgRX et NgXs
    • Ateliers:
      • Manipulation de NgRX ou de NgXs
  12. 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
  13. 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
  14. 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é

1590€ H.T.

Contactez nous

Vous pouvez vous désabonner de nos communications à tout moment.

Afin de prendre en compte votre demande, nous devons stocker et traiter vos données personnelles. Si vous nous autorisez à stocker vos données personnelles à cette fin, cochez la case ci-dessous.

En cliquant sur « Envoyer » ci-dessous, vous autorisez l’entreprise SFEIR à stocker et traiter les données personnelles soumises ci-dessus afin qu’elle vous fournisse le contenu demandé.