Skip to Content

Formulaires et Validations

Développement Javascript > Écosystème Angular


Une formation de 4 jours sur les formulaires Angular : template-driven et reactive forms, validation intégrée, validateurs personnalisés, validation croisée et bonnes pratiques de gestion des données.

La formation en 6 mots clés

Angular

Formulaires

Validation

TypeScript

Template-Driven

Reactive Forms

Informations Pratiques et Programme

Prérequis


Connaissance d’Angular

Durée


4 jours

Contenu Technique de la Formation


Cette formation est destinée aux développeurs Angular souhaitant maîtriser la gestion des formulaires :

  • Développeurs Angular ayant les bases du framework
  • Développeurs souhaitant implémenter des formulaires complexes avec validation
  • Équipes cherchant à gérer la saisie et la validation de données utilisateur

Objectifs de la Formation


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

  • Comprendre le fonctionnement du système de routage dans Angular
  • Configurer des routes pour naviguer entre différents composants
  • Utiliser des paramètres de route et des query params pour transmettre des informations
  • Mettre en œuvre des gardiens de routes pour sécuriser l'accès aux routes
  • Appliquer le Lazy Loading pour optimiser le chargement des modules
  • Gérer l'historique de navigation et les stratégies de redirection
  • Implémenter des techniques avancées de routage pour des applications complexes

Table des Matières


Introduction aux Formulaires Angular

  • Formulaires template-driven vs reactive forms : avantages et cas d'usage
  • Configuration de FormsModule et ReactiveFormsModule


Formulaires Template-Driven

  • Liaison de données bidirectionnelle avec NgModel
  • Validation intégrée et affichage des erreurs


Formulaires Réactifs (Reactive Forms)

  • FormControl, FormGroup et FormArray : création et gestion
  • Gestion des erreurs et messages de validation dynamiques
  • Mise à jour dynamique des formulaires


Validation Personnalisée et Atelier

  • Création de validateurs synchrones et asynchrones personnalisés
  • Validation croisée entre champs du formulaire
  • Atelier : développement d'un formulaire complexe avec validation avancée


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.
  • Configuration d'un système de navigation pour une boutique en ligne avec des routes protégées pour les pages d'administration
  • Mise en œuvre du Lazy Loading pour les modules de produits et de comptes utilisateurs
  • Création d'un workflow de connexion/déconnexion avec redirection conditionnelle basée sur l'état de l'authentification
  • Utilisation des outlets nommés pour afficher plusieurs vues en parallèle

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 formulaires 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.