JavaScript moderne avancé - Les datasets
JavaScript moderne avancé - Les datasets
Dans cette formation en ligne dédiée au JavaScript moderne, niveau avancé, nous allons étudier les expressions régulières (également appelées Regex) !
Nous prendrons l'exemple de la vérification les données issues de différents champs d'un formulaire.
Le contrôle des données des champs de formulaire est un bon exercice pratique pour aborder les expression régulières en Javascript.
Il permet d'alerter en temps réel l'internaute, en cas de mauvaise information saisie dans un champ de formulaire. C'est donc un atout en terme d'expérience utilisateur.
Au programme de cette formation JavaScript Moderne, niveau avancé, dédiée aux Regex
- Nous allons dans un premier temps, passer en revue les regex.
- Nous verrons comment les contrôler grâce au JavaScript moderne.
- Je vous réserve plein de petits exercices tout au long de cette formation. Ils vous aideront à bien comprendre les expressions régulières, ainsi que leur utilité !
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce tuto vidéo.
Pré-requis pour suivre ce cours
Pour suivre ce tutoriel dans de bonnes conditions, il est fortement conseillé d'avoir des connaissances en JavaScript et notamment en JavaScript moderne. Si tel n'est pas votre cas, je mets à votre disposition, un programme complet qui vous permettra de connaître toutes les bases en programmation moderne en JavaScript.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction aux expressions régulières
Introduction aux expressions régulières
Chapitre 2
Débuter avec les expressions régulières
Débuter avec les expressions régulières
Chapitre 3
Les classes de caractères
Les classes de caractères
Chapitre 4
Les méthodes
Les méthodes
Chapitre 5
Les quantificateurs
Les quantificateurs
Chapitre 6
Finesse de recherche
Finesse de recherche
Chapitre 7
Retour sur les classes de caractères
Retour sur les classes de caractères
Plan détaillé du cours
Chapitre 1 : Introduction aux expressions régulières
12m32s
Leçon 1Présentation
Leçon 2Le rôle des expressions régulières
Leçon 3Créer une expression régulière en JavaScript
Leçon 4Ajout d'une option
Leçon 5Tester le motif
Chapitre 2 : Débuter avec les expressions régulières
42m55s
Leçon 1Recherche simple
Leçon 2Recherche multiple
Leçon 3Ignorer la casse
Leçon 4Exercice 1
Leçon 5Recherche en début de chaîne
Leçon 6Recherche en fin de chaîne
Leçon 7Exercice 2
Leçon 8Exercice 3
Leçon 9Exercice 4
Chapitre 3 : Les classes de caractères
31m18s
Leçon 1Recherche
Leçon 2Les intervalles
Leçon 3La négation
Leçon 4Exercice 5
Leçon 5Exercice 6
Chapitre 4 : Les méthodes
20m36s
Leçon 1La méthode replace
Leçon 2La méthode match
Leçon 3Exercice 7
Chapitre 5 : Les quantificateurs
15m35s
Leçon 1Trouver une ou plusieurs occurences
Leçon 2Trouver zéro ou une occurence
Leçon 3Trouver zéro, une ou plusieurs occurences
Leçon 4Plus de précisions
Leçon 5Autre façon
Leçon 6Plus d'occurences à rechercher
Chapitre 6 : Finesse de recherche
16m24s
Leçon 1Les accents
Leçon 2Tous les caractères
Leçon 3Echapper les caractères spéciaux
Leçon 4Double échappement
Leçon 5Cas spéciaux
Chapitre 7 : Retour sur les classes de caractères
08m39s
Leçon 1Recherche des chiffres
Leçon 2Recherche des caractères alphanumériques
Leçon 3Et pour finir !
Chapitre 8 : Exercice: Validation d'un formulaire
1h54m
Leçon 1Présentation
Leçon 2Mise en place du HTML de base
Leçon 3Mise en place du CSS de base
Leçon 4Récupération de la librairie font awesome
Leçon 5Contrôle du nombre de caractères dans le champ
Leçon 6Mise en place d'une fonction de contrôle du prénom
Leçon 7Mise en place de la couleur "rouge"
Leçon 8Mise en place des icones "warning" et "check"
Leçon 9Mise en place de la couleur "vert"
Leçon 10Coloration du champ "prenom"
Leçon 11Factorisation de la fonction
Leçon 12Contrôle du formulaire
Leçon 13Amélioration du contrôle de la fonction générique
Leçon 14Ajout d'un champ "email"
Leçon 15Mise en place d'une fonction de contrôle de l'email
Leçon 16Création du motif de vérification d'une adresse email
Leçon 17On termine la fonction de contrôle de l'email
Leçon 18Ajout d'un champ "pass"
Leçon 19Mise en place d'une fonction de contrôle du pass
Leçon 20On vérifie que le pass est au moins 7 caractères
Leçon 21On vérifie que le pass contient au moins une majuscule et une minuscule
Leçon 22On vérifie que le pass contient au moins un chiffre et un caractère spécial
Leçon 23Ajout d'un champ "portable"
Leçon 24Mise en place d'une fonction de contrôle du portable
Leçon 25On vérifie que le portable contient 10 caractères
Leçon 26On vérifie que le portable contient uniquement des chiffres
Chapitre 9 : Conclusion
01m35s
Leçon 1Conclusion
Avis des apprenants