Module 1Définir le rôle de JavaScript dans le développement
Chapitre 1 sur 15
Comprendre la différence entre compilation et interprétation, et ce qu'est un langage de script côté client ou serveur.
Objectifs
Avec ce chapitre, tu sauras…
Un ordinateur ne comprend qu'une seule langue : le code machine, une suite de 0 et de 1. Tout programme écrit dans un langage lisible par l'humain (C, Python, JavaScript) doit donc être traduit. Il existe deux façons de faire cette traduction.
Leçon 1
| Langage compilé | Langage interprété | |
|---|---|---|
| traduction | tout le programme, avant l'exécution | ligne par ligne, pendant l'exécution |
| résultat | un fichier exécutable | pas de fichier : l'interpréteur exécute directement |
| erreurs | détectées à la compilation, avant de lancer le programme | détectées quand la ligne fautive est atteinte |
| vitesse | exécution plus rapide | démarrage immédiat, exécution un peu plus lente |
| exemples | C, C++, C#, COBOL | JavaScript, Python, PHP, Perl |
Leçon 2
| Script côté serveur | Script côté client | |
|---|---|---|
| s'exécute | sur le serveur web | dans le navigateur de l'utilisateur |
| visible par l'utilisateur | non : il ne reçoit que le résultat | oui : le code est envoyé au navigateur |
| rôle | accès aux données, traitements, sécurité |
Leçon 3
Vidéo · À regarder
FRTutoriel JavaScript en 1 HEURE | Comprendre l'ESSENTIEL pour Débutant
Melvynx · YouTube
1Le compilateur traduit le programme…
2JavaScript est un langage…
3Un script côté serveur est…
4Lequel est un langage de script côté serveur ?
5Quand l'interpréteur rencontre une erreur, il…
6Le moteur JavaScript de Chrome s'appelle…
L'essentiel du chapitre
| avantage | données protégées, calculs puissants | moins de charge pour le serveur, page plus réactive |
| exemples | PHP, Node.js, Java, Python, Ruby, ASP.NET | JavaScript (avec HTML et CSS, qui ne sont pas des langages de programmation) |
Vidéo · À regarder
FRTutoriel JavaScript en 1 HEURE | Comprendre l'ESSENTIEL pour Débutant
Melvynx · YouTube
Langage compilé :
code source ──► COMPILATEUR ──► fichier exécutable (.exe) ──► exécution
Langage interprété :
code source ──► INTERPRÉTEUR (traduit et exécute ligne par ligne) ──► résultatUn compilateur ressemble au traducteur d'un livre : il traduit tout le livre, puis on imprime la version traduite, que tout le monde peut lire sans lui. Un interpréteur ressemble à l'interprète d'une conférence : il traduit phrase par phrase, en direct, et il doit être présent à chaque conférence.
Un langage de script est un langage dont les programmes (les scripts) sont exécutés sans compilation préalable, par un programme appelé interpréteur. Tous les langages de script sont des langages de programmation, mais tous les langages de programmation ne sont pas des langages de script.
Les langages de script se divisent en deux familles selon l'endroit où ils s'exécutent.
L'interpréteur traduit les instructions du code source en code machine une par une et les exécute aussitôt.
code source (haut niveau) ──► INTERPRÉTEUR ──► code machine exécuté / affichageS'il y a une erreur dans l'instruction courante, l'interpréteur s'arrête à cette instruction et affiche un message d'erreur. Les instructions précédentes ont déjà été exécutées ; les suivantes ne le seront pas tant que l'erreur n'est pas corrigée.
console.log("Ligne 1"); // affichée
console.log("Ligne 2"); // affichée
console.log(prenom); // ReferenceError: prenom is not defined
console.log("Ligne 4"); // jamais exécutéeLe programme qui exécute JavaScript dans le navigateur s'appelle un moteur : V8 dans Chrome et Edge, SpiderMonkey dans Firefox. Les moteurs modernes ne se contentent pas d'interpréter : ils compilent à la volée (Just In Time, JIT) les parties du code souvent exécutées, pour aller plus vite. Pour toi, développeur, JavaScript se comporte comme un langage interprété : tu écris, tu recharges la page, ça s'exécute.
Crée un fichier index.html et un fichier script.js dans un dossier ch01. Le script doit afficher dans la console ton prénom, puis le résultat de 2026 - ton année de naissance. Ouvre la page avec Live Server et vérifie la console (F12).
Classe chaque langage dans la bonne colonne (compilé, interprété) et, pour les langages de script, précise s'ils s'exécutent plutôt côté client ou côté serveur : C, JavaScript, PHP, C++, Python, C#, Node.js.
Le résumé cite HTML et CSS parmi les langages côté client. Ils s'exécutent bien dans le navigateur, mais ce sont des langages de description (structure et présentation) : ils n'ont ni variables, ni conditions, ni boucles. Le seul langage de programmation exécuté nativement par tous les navigateurs est JavaScript.
Avec Node.js (2009), le moteur JavaScript de Chrome a été sorti du navigateur : JavaScript peut donc aussi s'exécuter sur un serveur. Dans ce module, on l'utilise côté client, dans le navigateur.
Melvynx présente JavaScript : à quoi il sert et où il s'exécute.
Exécuter du JavaScript en dehors du navigateur avec Node.js.
Qu'affiche la console ? Explique pourquoi en une phrase.
console.log("Début");
let total = 10 + 5;
console.log(total);
console.log(totl);
console.log("Fin");