Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. Introduction au JavaScript
  3. Environnement de travail

Les bases en JavaScript

  1. Où écrire le JavaScript
  2. Syntaxe et commentaires
  3. Découverte des variables
  4. Les types de valeurs
  5. Opérations sur les variables
  6. La concaténation
  7. Présentation des conditions
  8. Les conditions if, if...else, if...else if...else
  9. Opérateurs logiques
  10. Evaluation / Simplification des conditions
  11. Conditions ternaires
  12. Switch
  13. Les boucles
  14. Découverte des fonctions
  15. Test n°1

Les objets en JavaScript

  1. Définition et découverte
  2. Valeurs primitives et objets
  3. Créer des objets
  4. Les méthodes de l’objet String
  5. Les méthodes de l’objet Number
  6. Découverte de l’objet Array
  7. Les méthodes de l’objet Array
  8. Découverte de l’objet Date
  9. Les méthodes de l’objet Date
  10. L’objet Math et ses méthodes
  11. Test n°2

Notions avancées sur les fonctions

  1. La portée en JavaScript
  2. Les fonctions anonymes
  3. Les fonctions auto-invoquées
  4. Les closures JavaScript
  5. Test n°3

Le DOM HTML

  1. Découverte du DOM HTML
  2. Accéder à un élément HTML
  3. Modifier du contenu HTML
  4. Ajouter et insérer des éléments HTML
  5. Modifier ou supprimer des éléments HTML
  6. Naviguer dans le DOM
  7. Les évènements en JavaScript
  8. AddEventListener()
  9. Propagation des évènements
  10. L'objet Event
  11. Test n°4

Le BOM - Browser Object Model

  1. Le BOM et l'objet Window
  2. L'objet Screen
  3. L'objet Navigator
  4. L'objet Location
  5. L'objet History
  6. Test n°5

Les expressions régulières

  1. Découverte des regex en JavaScript
  2. Recherches et remplacements
  3. Les quantifieurs et les options
  4. Les classes de caractères et les méta-caractères
  5. Test n°6

JavaScript et formulaires

  1. Rappels sur les formulaires en HTML
  2. Validation HTML des formulaires
  3. Validation JavaScript des formulaires
  4. Test n°7

L'élément HTML canvas

  1. Découverte de l'élément canvas
  2. Dessiner des rectangles
  3. Dessiner des lignes
  4. Dessiner des arcs de cercle
  5. Créer des dégradés
  6. Insérer du texte et des images
  7. Incliner un dessin
  8. Test n°8

Notions avancées

  1. Gestion du délai d'exécution
  2. La gestion des erreurs
  3. Le mode strict
  4. Test n°9

Conclusion

  1. Conclusion - Aller plus loin

LES EXPRESSIONS REGULIERES (REGEX) ET LE JAVASCRIPT – DECOUVERTE

Introduction aux expressions régulières et définition

Dans cette nouvelle partie, nous allons changer totalement d’univers et découvrir ce que sont les expressions régulières.

Commencez par noter que les expressions régulières, ou « regex » en abrégé, forment un langage à part qui n’appartient pas exclusivement au JavaScript et qui ne constitue pas non plus un langage de programmation à proprement parler.

Le grand intérêt des expressions régulières est qu’on va pouvoir les utiliser conjointement avec de nombreux langages, comme le JavaScript ou le PhP par exemple.

Une expression régulière va consister en une suite de caractères qui vont former, ensemble, un schéma de recherche.

Pour faire très simple, les expressions régulières vont nous permettre de vérifier la présence de certains caractères ou suites de caractères dans une expression.

Les regex vont nous permettre de vérifier, par exemple, qu’un utilisateur a bien mentionné une suite de dix chiffres dans le champ « numéro de téléphone » d’un formulaire d’inscription.

Le JavaScript va supporter les expressions régulières via son objet regExp, qui va nous permettre d’exploiter toute la puissance de celles-ci.

L’objet regExp va bien entendu posséder des propriétés et méthodes qu'on va pouvoir utiliser avec nos expressions régulières.

Syntaxe des regex et premiers exemples

Pour construire une expression régulière, il suffit de préciser une séquence de caractères et d’entourer cette séquence par des caractères d’encadrement.

Vous pouvez choisir n’importe quels caractères d’encadrement, du moment que vous écrivez le même caractère au début et à la fin de la regex.

Cependant, vous devez savoir que les expressions régulières utilisent beaucoup de caractères spéciaux pour permettre des recherches puissantes. Nombre de ces caractères signifient donc quelque chose de précis dans le langage des expressions régulières.

C’est pourquoi je vous conseille dès à présent d’utiliser le slash (« / ») comme caractère d’encadrement, qui est un caractère qui ne va pas nous poser problème par la suite. Cela pourra vous éviter des déconvenues.

Créons immédiatement une première regex ensemble, afin de voir si vous avez bien compris.

Création de notre première expression régulière

A partir de maintenant, nous enfermerons systématiquement nos expressions régulières dans des variables, afin de pouvoir plus facilement les manipuler.

Notre variable r ci-dessus contient notre première regex. Celle-ci est composée d’une séquence de caractères, en l’occurrence « Pierre » et de caractères d’encadrement (ou délimiteurs).

Pour le moment, cette expression régulière ne signifie rien, elle n’a aucun sens. Tout ce que l’on sait, c’est qu’on va travailler sur la séquence de caractères « Pierre ».

Pour ensuite rechercher cette séquence, ou la remplacer par une autre par exemple, nous devrons utiliser les méthodes des objets regExp et String.

Notez également qu’une expression régulière peut contenir des options.

Les options vont être représentées par un caractère, comme le i par exemple.

Ces caractères d’options vont avoir une signification spéciale dans le langage des regex et vont être les seuls caractères qui vont devoir être placés en dehors des délimiteurs, en fin de regex.

Le caractère i, par exemple, signifie que notre regex va ignorer la casse de notre séquence de caractères (i signifie ici « case-insensitive »).

Ainsi, en rajoutant le i après notre deuxième caractère d’encadrement, on indique que l’on ne travaille plus seulement avec « Pierre », mais avec toutes ses déclinaisons de casse comme « pierre », « PIERRE » ou encore « PiErRe » par exemple.

Les caractères d’option vont ajouter des options à nos regex

Ne vous inquiétez pas au sujet des options, nous allons y consacrer une partie entière par la suite.

Avant de passer à la suite, soyez bien certain d’avoir complètement assimilé ce chapitre.

En effet, les regex ne constituent pas une partie particulièrement compliquée, mais le sujet est vaste et nous allons voir beaucoup de nouvelles choses dans les chapitres suivants.

De plus, vous devrez absolument être sûr d’avoir une bonne vue d’ensemble et de maitriser complètement l’univers des expressions régulières afin de pouvoir commencer à en exploiter la puissance.

Chapitre précédent

Chapitre suivant