49,00

Tuto JavaScript moderne avancé - Formulaire et Regex avec JavaScript

49,00

  • Une formation vidéo de 4h21m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
JavaScript moderne avancé - Formulaire et Regex

ajouter ce cours aux favoris retirer ce cours des favoris

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.

Table des matières de cette formation JavaScript (durée : 4h21m)

  • Introduction aux expressions régulières
    • Présentation 00:02:00
    • Le rôle des expressions régulières 00:00:43
    • Créer une expression régulière en JavaScript 00:04:58
    • Ajout d'une option 00:02:27
    • Tester le motif 00:02:24
  • Débuter avec les expressions régulières
    • Recherche simple 00:03:29
    • Recherche multiple 00:03:25
    • Ignorer la casse 00:02:49
    • Exercice 1 00:10:19
    • Recherche en début de chaîne 00:05:01
    • Recherche en fin de chaîne 00:02:26
    • Exercice 2 00:07:18
    • Exercice 3 00:03:01
    • Exercice 4 00:05:07
  • Les classes de caractères
    • Recherche 00:05:54
    • Les intervalles 00:06:37
    • La négation 00:04:04
    • Exercice 5 00:07:03
    • Exercice 6 00:07:40
  • Les méthodes
    • La méthode replace 00:04:23
    • La méthode match 00:05:08
    • Exercice 7 00:11:05
  • Les quantificateurs
    • Trouver une ou plusieurs occurences 00:05:33
    • Trouver zéro ou une occurence 00:02:45
    • Trouver zéro, une ou plusieurs occurences 00:01:21
    • Plus de précisions 00:00:00
    • Autre façon 00:02:19
    • Plus d'occurences à rechercher 00:01:23
  • Finesse de recherche
    • Les accents 00:05:25
    • Tous les caractères 00:01:29
    • Echapper les caractères spéciaux 00:04:40
    • Double échappement 00:02:43
    • Cas spéciaux 00:02:07
  • Retour sur les classes de caractères
    • Recherche des chiffres 00:03:30
    • Recherche des caractères alphanumériques 00:02:56
    • Et pour finir ! 00:02:13
  • Exercice: Validation d'un formulaire
    • Présentation 00:02:36
    • Mise en place du HTML de base 00:05:12
    • Mise en place du CSS de base 00:08:05
    • Récupération de la librairie font awesome 00:03:27
    • Contrôle du nombre de caractères dans le champ "prenom" 00:08:42
    • Mise en place d'une fonction de contrôle du prénom 00:04:19
    • Mise en place de la couleur "rouge" 00:01:59
    • Mise en place des icones "warning" et "check" 00:04:36
    • Mise en place de la couleur "vert" 00:05:21
    • Coloration du champ "prenom" 00:05:58
    • Factorisation de la fonction 00:09:09
    • Contrôle du formulaire 00:07:15
    • Amélioration du contrôle de la fonction générique 00:05:59
    • Ajout d'un champ "email" 00:01:15
    • Mise en place d'une fonction de contrôle de l'email 00:06:06
    • Création du motif de vérification d'une adresse email 00:05:14
    • On termine la fonction de contrôle de l'email 00:03:44
    • Ajout d'un champ "pass" 00:01:19
    • Mise en place d'une fonction de contrôle du pass 00:02:13
    • On vérifie que le pass est au moins 7 caractères 00:04:31
    • On vérifie que le pass contient au moins une majuscule et une minuscule 00:04:31
    • On vérifie que le pass contient au moins un chiffre et un caractère spécial 00:03:25
    • Ajout d'un champ "portable" 00:00:56
    • Mise en place d'une fonction de contrôle du portable 00:02:26
    • On vérifie que le portable contient 10 caractères 00:02:39
    • On vérifie que le portable contient uniquement des chiffres 00:03:05
  • Conclusion
    • Conclusion 00:01:35



Formateur : Carl Brison

Carl Brison a publié 194 tutoriels et obtenu une note moyenne de 4,9/5 sur 13 248 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?
    Le code source des 7 exercices + le code source de l'exercice final sur la validation d'un formulaire.
accédez à plus de 1268 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données