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 VARIABLES EN JAVASCRIPT

Présentation des variables JavaScript

Une variable JavaScript est un conteneur servant à stocker temporairement une information, comme un nombre ou une chaîne de caractères (c’est-à-dire un texte) par exemple.

Comme son nom l’indique, le propre d’une variable est de pouvoir varier, c’est-à-dire de pouvoir stocker différentes valeurs dans le temps, en « écrasant » sa valeur précédente.

En JavaScript, on déclare une variable avec le mot clef « var » suivi du nom de notre variable. Chaque nouvelle variable doit avoir un nom unique qu’on appelle également en anglais « identifier ».

Le nom des variables en JavaScript

On doit observer différentes règles lorsque l’on nomme une variable en JavaScript :

  • Le nom des variables doit commencer par une lettre ;
  • Le nom ne peut contenir que des lettres (non accentuées), des chiffres ou les signes « _ » et « $ » ;
  • Le nom des variables est sensible à la casse (« a » est différent de « A ») ;
  • Le JavaScript possède des mots « réservés » qu’on ne peut utiliser pour créer une variable. Nous verrons ces mots au fil de ce cours. Par exemple, le mot « var » est un mot réservé.

Déclarer une variable en JavaScript

Il existe différentes façons de déclarer une variable en JavaScript. On va pouvoir :

  • Déclarer une variable et lui assigner une valeur immédiatement ;
  • Déclarer une variable sans lui assigner de valeur et lui assigner une valeur plus tard ;
  • Déclarer plusieurs variables en même temps.

Voyons immédiatement un premier exemple ensemble :

Création de variables en JavaScript

Deux remarques importantes : les types de valeurs et le signe « = »

Revenons au code ci-dessus afin de faire deux remarques essentielles pour la suite et pour votre compréhension du JavaScript.

La première concerne les valeurs stockées par les variables. Vous pouvez remarquer que selon le type de valeur stockée (texte, nombre ou booléen), nous allons déclarer nos variables de façon sensiblement différente (utilisation ou non de guillemets ou d’apostrophes).

Nous allons revenir sur les types de valeurs stockées par les variables en JavaScript dans la prochaine partie car cette notion est d’importance.

La deuxième remarque concerne le signe « = » (signe égal).

Faites très attention à la signification de ce signe en JavaScript et en programmation en général, car ce n’est pas le égal mathématique que vous connaissez.

En effet, en JavaScript, le signe égal est un opérateur d'affectation et non pas d’égalité.

Cela veut dire que ce signe va nous servir à affecter (ou assigner) une valeur à une variable, mais non pas que la variable est égale à sa valeur.

Ainsi, on va pouvoir affecter différentes valeurs à une même variable dans le temps, chose qu’il est strictement impossible de faire avec un égal mathématique.

Pour vous donner un exemple concret, en JavaScript, nous allons pouvoir faire cela (ce qui n’aurait aucun sens en mathématiques) :

L’opérateur d’affectation en JavaScript

Chapitre précédent

Chapitre suivant