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 v14

Des bases solides pour développer des applications avec Angular

angular

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é

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.

Suivre cette formation à distance

  • Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
  • Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
  • Privilégier une connexion filaire plutôt que le Wifi.
  • Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
  • Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
  • Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
  • Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
  • Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
  • Horaires identiques au présentiel.