Ce qu'est la programmation

Un programme est une liste d'instructions, et JavaScript les exécute une instruction à la fois, de la première ligne à la dernière.

Des instructions qu'un ordinateur peut suivre

Une recette dit : « casse deux œufs, bats-les, verse-les dans la poêle ». Une personne qui la lit complète beaucoup de choses d'elle-même : quel bol prendre, avec quelle énergie battre, que faire si un bout de coquille tombe dedans. Un ordinateur ne complète rien. Il fait exactement ce que disent les instructions, exactement dans l'ordre où elles sont écrites, et il s'arrête avec une erreur dès qu'une instruction n'a pas de sens pour lui. Programmer, c'est écrire des instructions assez précises pour qu'une machine puisse les suivre.

Ces instructions s'écrivent dans un langage de programmation. Un langage de programmation a un vocabulaire réduit et une grammaire stricte, pour que chaque ligne ait un seul sens. Ce cours utilise JavaScript. C'est le langage intégré à tous les navigateurs web : tu as donc déjà tout ce qu'il faut pour l'exécuter. Les zones d'exercice de ces pages exécutent ton code directement dans le navigateur avec lequel tu lis. JavaScript fonctionne aussi en dehors des navigateurs, dans des outils comme Node.js, et les bases que tu apprends ici s'y appliquent de la même façon.

Ta première ligne de code

Presque tous les cours de programmation commencent par faire afficher un message à l'ordinateur. En JavaScript, cela ressemble à ceci :

console.log("Hello, world!"); // affiche une ligne

Lis-la morceau par morceau. console est l'endroit où un programme écrit des messages pour la personne qui l'exécute. .log signifie « écris une ligne à cet endroit ». Les parenthèses contiennent ce qu'il faut écrire, et les guillemets droits indiquent que Hello, world! est du texte et non du code. Le point-virgule final termine l'instruction, comme un point termine une phrase. Une instruction complète comme celle-ci s'appelle une instruction (statement en anglais). Quand elle s'exécute, la console affiche une seule ligne : Hello, world! Les guillemets ne sont pas affichés. Ils indiquent seulement à JavaScript où le texte commence et où il finit.

De haut en bas, une instruction à la fois

Un programme de plusieurs instructions les exécute dans l'ordre. La deuxième ligne ne commence pas avant que la première soit terminée. Le programme ci-dessous affiche trois lignes, et elles sortent dans le même ordre que le code :

console.log("Wake up");
console.log("Brush teeth");
console.log("Eat breakfast");
// affiche :
// Wake up
// Brush teeth
// Eat breakfast

Échange les deux premières lignes et l'affichage s'inverse aussi. Cela paraît évident, mais une grande partie des bugs de débutant viennent d'instructions dans le mauvais ordre : utiliser une valeur avant de l'avoir calculée, ou afficher un total avant d'avoir ajouté le dernier article.

Les commentaires sont des notes pour les humains

Dans l'exemple ci-dessus, les lignes qui commencent par // sont des commentaires. JavaScript ignore tout ce qui va de // à la fin de la ligne : tu peux donc écrire des notes pour toi ou pour d'autres lecteurs. Pour une note sur plusieurs lignes, commence-la par /* et termine-la par */. Les commentaires sont aussi un moyen pratique de désactiver une ligne sans la supprimer : mets // devant et elle ne s'exécute plus.

Quand quelque chose ne va pas

JavaScript est sensible à la casse : console.log fonctionne, mais Console.log et console.Log, non. Un nom mal orthographié comme consol.log arrête le programme avec un message du type ReferenceError: consol is not defined. Un guillemet ou une parenthèse fermante oubliés donnent une SyntaxError : le code n'est pas du JavaScript valide, donc rien ne s'exécute. Les messages d'erreur font peur au début, mais c'est l'ordinateur qui te dit où il s'est bloqué. Lis la première ligne du message, repère le nom qu'il cite et compare-le avec ton code, caractère par caractère.

Comment fonctionnent les zones d'exercice

Chaque zone d'exercice montre ton code à gauche et l'affichage à droite (en dessous sur un téléphone). Jouer exécute le code, et Ctrl+Entrée ou Cmd+Entrée fait la même chose au clavier. Vérifier exécute le code et compare chaque ligne affichée avec la réponse attendue : l'orthographe, les majuscules et les espaces dans la ligne comptent tous. Recommencer remet le code d'origine. Le code s'exécute dans un cadre isolé : tu ne peux rien casser en faisant des essais.