Skip to Content

Directives et Pipes

Développement Javascript > Écosystème Angular


Une formation de 3 jours sur les directives et pipes Angular : directives structurelles et attributaires (NgIf, NgFor, NgClass), création de directives personnalisées et développement de pipes sur mesure.

La formation en 6 mots clés

Angular

Directives

TypeScript

NgIf

NgFor

Pipes

Informations Pratiques et Programme

Prérequis


Connaissance d’Angular

Durée


3 jours

Contenu Technique de la Formation


Cette formation est destinée aux développeurs Angular souhaitant maîtriser les directives et pipes :

  • Développeurs Angular ayant les bases du framework
  • Développeurs souhaitant créer des composants réutilisables avec directives personnalisées
  • Équipes front-end cherchant à optimiser leurs transformations de données avec les pipes

Objectifs de la Formation


Les compétences visées par la formation sont les suivantes :

  • Comprendre le rôle et l'importance des directives et des pipes dans Angular
  • Apprendre à créer des directives personnalisées pour étendre les fonctionnalités des éléments HTML
  • Maîtriser l'utilisation des pipes pour formater et transformer les données affichées à l'utilisateur
  • Découvrir les directives structurelles et attributaires intégrées et leur utilisation
  • Savoir créer des pipes personnalisés pour des cas d'utilisation spécifiques
  • Appliquer les meilleures pratiques pour l'intégration de directives et de pipes dans des projets Angular

Table des Matières


Introduction aux Directives et Pipes

  • Présentation des directives et types (structurelles et attributaires)
  • Vue d'ensemble des pipes et leur utilité dans Angular
  • Utilisation de NgIf, NgFor, NgSwitch et des directives NgClass/NgStyle


Création de Directives Personnalisées

  • Développement de directives d'attributs et structurelles personnalisées
  • Gestion du comportement des éléments avec @HostListener et @HostBinding


Pipes Intégrés et Personnalisés

  • Pipes intégrés : DatePipe, CurrencyPipe, DecimalPipe, etc.
  • Chaining et paramétrisation des pipes
  • Création de pipes personnalisés pour des transformations spécifiques
  • Techniques de performance et d'optimisation pour les pipes


Bonnes Pratiques et Atelier Pratique

  • Meilleures pratiques pour le développement de directives et pipes
  • Patterns de conception pour maximiser la réutilisabilité
  • Atelier : mise en œuvre d'un projet intégrant directives et pipes personnalisés


En Pratique


  • Les exercices proposés lors des formations sont centrés sur chaque concept présenté durant la formation. Les exercices abordent les concepts et la difficulté de façon progressive. A la fin de la formation, un exercice récapitulatif d’intégration des concepts est proposé aux participants.
  • Création d'une directive d'attribut pour appliquer une ombre portée dynamique sur des éléments de carte
  • Développement d'une directive structurelle pour conditionner l'affichage d'éléments basé sur des permissions utilisateur
  • Utilisation de pipes intégrés pour formater des dates, des montants en devises, et des nombres dans une application de e-commerce
  • Création d'un pipe personnalisé pour filtrer une liste d'objets basée sur un critère spécifique

Modalités et Inscription


Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :


Session régulière

Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.


Sur mesure & intra-entreprise

Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.

Obtenir cette formation

Prêt à maîtriser les directives et pipes Angular ? Rejoignez la prochaine session ou contactez-nous pour organiser cette formation dans vos locaux.


Devis sur-mesure

S'inscrire à cette formation

Remplissez le formulaire pour obtenir plus d'informations.