À partir d'aujourd'hui, nous allons découvrir un monde de programmation. Monde où vous avez des super pouvoirs. Oui, vous avez bien lu, les super pouvoirs. Qu’est-ce que c’est, sinon un super pouvoir ? Avec JavaScript, vous pouvez faire voler, bouger, disparaître, changer de couleur et voir votre ami à des kilomètres de distance, et ce n'est qu'une petite partie de ce qui est possible. Oui, tout est sur votre écran, mais c’est quand même très excitant.
Comme tout super-héros, vous devez bien contrôler et connaître vos pouvoirs. Pour ce faire, commençons notre voyage en nous familiarisant avec l’élément de base le plus essentiel : la toute-puissante variable.
Qu'est-ce qu'une variable ? Imaginez une boîte magique dans laquelle vous pourrez mettre tout ce que vous voulez, quelle que soit sa taille ! Quelle invention étonnante, n'est-ce pas ? Mais voici le problème : il ne peut contenir qu'une seule chose à la fois (et pour être honnête, pas vraiment de n'importe quelle taille, mais faisons comme si pour l'instant que ce n'était pas le cas).
Vous pouvez mettre un stylo, un éléphant, une guitare, une étagère avec un tas de livres, ou même un morceau de papier avec un roman écrit dessus – tout ce que vous voulez – mais toujours une seule chose à la fois.
Comment créer une telle boîte avec JavaScript ? C'est très simple !

let ourFirstBox

Deux mots simples. Le premier est toujours le mot-clé « let » et le second est le nom de la boîte. Vous pouvez considérer « let » comme un mot-clé magique qui nous permet de créer une boîte. Le nom peut être n'importe quoi, mais il existe certaines règles.
Il existe des règles strictes (si vous ne les suivez pas, votre magie ne fonctionnera pas).
Et des règles souples (principalement les meilleures pratiques, standardisées dans tout le secteur).
Commençons par les règles strictes :

1. Si vous souhaitez que le nom soit composé de plusieurs mots, vous ne pouvez pas les séparer par des espaces.
2. Vous ne pouvez pas commencer un nom de variable par un nombre. Passons maintenant aux règles douces :
3. Vous devez utiliser une notation appelée camelCase. La première lettre est toujours en minuscule et tous les mots suivants commencent par une lettre majuscule, sans espaces.
4. Les variables doivent être des noms.
5. Si vous souhaitez stocker quelque chose qui contient plusieurs éléments (par exemple, un sac de pommes), vous devez utiliser un nom pluriel comme bagOfApples.
6. Évitez d'utiliser des nombres dans les noms de variables.

D'ACCORD. Maintenant, nous avons une boîte. Comment peut-on mettre quelque chose à l'intérieur ? Voyons un exemple :

let ourFirstBox;
ourFirstBox = 100;

Comme ça! Vous créez une nouvelle ligne, répétez le nom de la variable, mais cette fois sans le mot-clé magique « let » car nous n'en avons besoin que pour créer la variable. Après le nom, vous mettez un signe égal, qui est l'opérateur d'affectation. Avec le signe =, nous disons que nous voulons mettre quelque chose dans la variable, et après cela, nous mettons la chose que nous voulons stocker dans la « boîte ».
Maintenant, nous avons une boîte qui stocke un numéro. Pour l’instant, ce n’est pas aussi utile qu’il y paraît, mais croyez-moi, nous y arrivons petit à petit.
Une autre caractéristique de notre boîte magique est que vous pouvez remplacer l'objet qu'elle contient à tout moment.

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;

Maintenant, la valeur à l'intérieur de notreFirstBox est de 200.
Il existe deux manières de créer des variables. Vous pouvez d'abord définir le nom puis, sur une nouvelle ligne, lui attribuer une valeur. Ou vous pouvez tout faire en même temps :

let ourFirstBox = 100;

Ici, nous avons utilisé le mot-clé let pour définir la variable et, en même temps, lui avons attribué une valeur.
Il existe un autre type de « boîte ». C'est ce qu'on appelle une constante. Comme son nom l’indique, c’est un type de variable qui ne peut pas être modifié. Une fois que vous y avez attribué une valeur, c'est tout : vous ne pouvez plus la remplacer.

const ourFirstConstantBox = 200;

Si nous essayons de modifier sa valeur, nous obtiendrons une erreur :

const ourFirstConstantBox = 200;
ourFirstConstantBox = 100; // Error!!!!!

Vous savez maintenant comment créer des variables ! Dans la prochaine leçon, nous utiliserons de nombreuses variables.