On arrive au “moteur” du Web. Si le HTML est la structure (les murs) et le CSS la décoration, le JavaScript (JS) est l’électricité et la domotique. C’est lui qui rend une page vivante, réactive et intelligente.
Créé en 1995, c’est aujourd’hui le langage de programmation le plus utilisé au monde. C’est un langage de script qui s’exécute principalement dans le navigateur de l’utilisateur (côté client).
Architecture et Fonctionnement du JavaScript
JavaScript suit un modèle asynchrone et monothread (un seul fil d’exécution), basé sur une “Boucle d’Événements” (Event Loop).
Comment le code est exécuté :
- Le Moteur JS (V8) : Dans Chrome ou Node.js, le moteur V8 transforme ton code texte en instructions ultra-rapides pour le processeur.
- Le DOM Scripting : JS “attrape” les balises HTML (via le DOM) pour les modifier en temps réel sans recharger la page.
- L’Asynchronisme (AJAX/Fetch) : JS peut demander des données à un serveur (comme une base de données PostgreSQL) en arrière-plan pendant que l’utilisateur continue de naviguer.
Les Concepts Fondamentaux (La logique)
Pour programmer en JS, on utilise des briques logiques communes à beaucoup de langages :
1. Les Variables (let, const)
C’est la mémoire du script.
const: Pour une donnée qui ne change jamais (ex: une clé d’API).let: Pour une donnée qui va évoluer (ex: un score ou un compteur).
2. Les Fonctions
Des blocs de code réutilisables. Au lieu d’écrire 10 fois la même chose, on crée une fonction calculerTVA() et on l’appelle quand on en a besoin.
3. Les Événements (Events)
C’est le cœur de l’interactivité. JS “écoute” ce que fait l’utilisateur :
onClick: L’utilisateur clique sur un bouton.onKeySubmit: L’utilisateur appuie sur Entrée.onLoad: La page a fini de charger.
Lexique technique JavaScript
| Terme | Définition |
| Variable | Un conteneur pour stocker une valeur (texte, nombre, objet). |
| Array (Tableau) | Une liste ordonnée de données (ex: une liste d’utilisateurs). |
| Object | Une structure complexe regroupant des propriétés (ex: {nom: "Jean", age: 25}). |
| Callback | Une fonction passée en argument d’une autre fonction pour être exécutée plus tard. |
| Promise | Un objet représentant le succès ou l’échec futur d’une opération asynchrone. |
| ES6+ | Désigne les versions modernes de JavaScript (avec des syntaxes plus simples). |
Pourquoi le JavaScript est crucial en Système et Cyber ?
C’est ici que ça devient sérieux pour un profil technique :
- Sécurité (XSS) : La faille Cross-Site Scripting consiste à injecter du JavaScript malveillant dans une page pour voler les jetons de connexion (cookies). Comprendre le JS est obligatoire pour bloquer ces attaques.
- Node.js : JavaScript peut aussi s’exécuter sur un serveur (côté backend). C’est très utilisé pour créer des outils d’automatisation système ou des API rapides.
- Analyse de Malware : Beaucoup de virus modernes arrivent via des scripts JS cachés dans des documents ou des pages web. Savoir “désobfusquer” (rendre lisible) du code JS est une compétence clé en cybersécurité.
- Automatisation Web : Avec des outils comme Puppeteer, tu peux utiliser JavaScript pour automatiser des tests de sécurité ou scanner des vulnérabilités sur des milliers de pages.
L’évolution : Du script au Framework
Aujourd’hui, on utilise rarement du JavaScript “pur” (Vanilla JS) pour de gros projets. On utilise des Frameworks ou des bibliothèques comme ReactJS (que nous avons vu plus haut) pour structurer le code proprement.
« Revenir à l'index du glossaire