Bienvenue en JavaScript !

JavaScript (souvent abrégé en JS) est le langage de programmation du web. Il a commencé comme un moyen de rendre les pages web interactives, et il propulse aujourd'hui tout, des boutons et des animations dans le navigateur aux serveurs backend complets construits avec Node.js. C'est l'un des rares langages que l'on peut utiliser du front-end au back-end, ce qui explique en grande partie sa popularité.

Cette page explique ce qu'est JavaScript, les deux environnements dans lesquels il s'exécute (le navigateur et un serveur), ce qu'il peut faire, et pourquoi il vaut la peine d'être appris. À la fin, vous comprendrez la place de JavaScript et ce qu'il faut étudier ensuite.

Qu'est-ce que JavaScript ?

JavaScript a été créé en 1995 par Brendan Eich chez Netscape. Il a été conçu pour permettre aux pages web de réagir aux actions des utilisateurs — cliquer sur des boutons, remplir des formulaires ou afficher du contenu sans recharger la page.

Le langage est standardisé par une spécification appelée ECMAScript. Chaque édition annuelle ajoute des fonctionnalités ; l'édition 2015 (communément appelée ES6) a constitué un tournant majeur en introduisant les fonctions fléchées, les littéraux de gabarit, les classes et les modules. Lorsque les gens parlent de « JavaScript moderne », ils désignent généralement ES6 et les versions ultérieures.

Quelques termes qui décrivent JavaScript et que vous rencontrerez souvent :

• Haut niveau — vous ne gérez pas la mémoire ni le matériel directement.
• Typé dynamiquement — une variable peut contenir n'importe quel type, et le type est vérifié pendant l'exécution du programme plutôt qu'avant.
• Interprété (compilé JIT) — le code s'exécute sans étape de compilation séparée ; le moteur (comme V8 de Chrome) le compile à la volée.

Malgré son nom, JavaScript n'a aucun lien avec Java. Ce nom était une décision marketing ; les deux langages sont entièrement différents.

Voici un petit programme qui affiche un message — ce type de code s'exécute de la même façon dans la console d'un navigateur ou dans Node.js :

const language = "JavaScript";
console.log(`Hello from ${language}!`);
// Output: Hello from JavaScript!

Que peut faire JavaScript ?

• Mettre à jour la page à la volée. JavaScript peut modifier le contenu d'une page web sans en charger une nouvelle. Cela se fait via le DOM (Document Object Model), la représentation dynamique de la page dans le navigateur.
• Réagir aux événements. Il exécute du code en réponse aux clics, aux pressions de touches, au défilement, aux soumissions de formulaires, et bien plus encore.
• Communiquer avec les serveurs de manière asynchrone. Il peut récupérer des données en arrière-plan (par exemple, vérifier un nom d'utilisateur pendant que l'utilisateur continue de taper) sans bloquer la page.
• Stocker et traiter des données. Il dispose d'une prise en charge intégrée des arrays, des objects, des dates, des mathématiques et du traitement du texte.

Par exemple, ce code modifie le titre principal d'une page lorsqu'il s'exécute dans un navigateur :

// Runs in the browser: replace the text of the first <h1>
document.querySelector('h1').textContent = 'Hello, JavaScript!';

Où s'exécute JavaScript ?

JavaScript a besoin d'un moteur pour s'exécuter. Les deux environnements les plus courants sont le navigateur et Node.js.

Dans le navigateur

Chaque navigateur moderne (Chrome, Firefox, Safari, Edge) dispose d'un moteur JavaScript intégré. C'est là qu'est né JavaScript, et c'est ce qui rend les pages web interactives. On ajoute JavaScript à une page HTML avec la balise <script> :

<!-- Load an external file -->
<script src="app.js"></script>

<!-- Or write code inline -->
<script>
  console.log('This runs in the browser.');
</script>

Vous pouvez essayer JavaScript dès maintenant sans écrire de HTML : ouvrez les outils de développement de votre navigateur (appuyez sur F12, ou Ctrl+Shift+I / Cmd+Option+I sur Mac), cliquez sur l'onglet Console et tapez du code directement.

Sur un serveur avec Node.js

Node.js vous permet d'exécuter JavaScript en dehors du navigateur — sur un serveur, votre ordinateur portable ou dans des outils de build. Un serveur est un ordinateur qui répond à des requêtes, par exemple en renvoyant une page web ou des données.

• Un seul langage, front et back. Vous pouvez écrire à la fois la partie visible par les utilisateurs et la logique serveur dans le même langage, ce qui simplifie le développement.
• Performant pour les tâches à forte intensité d'E/S. Node.js gère efficacement de nombreuses connexions simultanées, ce qui convient aux API et aux applications en temps réel comme la messagerie instantanée.
• Un vaste écosystème de paquets. Node.js est livré avec npm, le plus grand registre de logiciels au monde, ce qui vous permet d'utiliser des outils prêts à l'emploi plutôt que de tout écrire vous-même.

La différence clé : le code dans le navigateur peut interagir avec la page et l'utilisateur (document, window), tandis que le code Node.js peut interagir avec le système (fichiers, serveurs réseau) mais ne dispose d'aucune page. Le langage principal est le même dans les deux environnements.

Pourquoi apprendre JavaScript ?

• Il est partout. Presque tous les sites web utilisent JavaScript, ce qui en fait une compétence fondamentale pour le développement web.
• Il ouvre la porte aux frameworks. L'apprendre vous permet d'utiliser des outils populaires comme React, Angular, Vue.js et Node.js pour créer des applications plus grandes.
• Il s'exécute presque partout. Au-delà du web, JavaScript sert à créer des applications mobiles (React Native) et des applications de bureau (Electron).
• Il bénéficie d'une grande communauté. De nombreux tutoriels, bibliothèques et ressources d'aide sont disponibles lorsque vous êtes bloqué.
• Il est très demandé. De nombreuses offres d'emploi recherchent des compétences en JavaScript.
• Il offre un retour immédiat. Vous pouvez voir votre code fonctionner immédiatement dans le navigateur, ce qui rend l'apprentissage agréable.

Prochaines étapes

Maintenant que vous savez ce qu'est JavaScript et où il s'exécute, la meilleure façon d'apprendre est d'en écrire. Bons chapitres suivants :

• Variables JavaScript — comment stocker et nommer des données.
• Types de données JavaScript — les types de valeurs avec lesquels JavaScript travaille.
• Fonctions JavaScript — comment regrouper du code réutilisable.
• Commentaires JavaScript — comment annoter votre code.

Que vous souhaitiez créer un site web, écrire des applications serveur ou simplement apprendre à programmer, JavaScript est un excellent point de départ. Continuez à apprendre avec nous sur W3Docs.

Pratique