placée avant la fermeture du tag ."}},{"@type":"Question","name":"Quel est l'avantage d'exécuter du JavaScript avec Node.js ?","acceptedAnswer":{"@type":"Answer","text":"Node.js permet d'exécuter du JavaScript en dehors du navigateur, directement en ligne de commande. Cela offre plus de flexibilité pour les tests, l'automatisation et le développement côté serveur, en utilisant simplement la commande : node index.js"}}]}

1.4 Separation des préoccupations et execution dans Node

Après avoir écrit du JavaScript directement entre les balises <script>, nous allons désormais extraire ce code et le séparer du HTML. Pourquoi ? Prenons une analogie : dans votre maison, vous rangez vos vêtements dans votre chambre, pas dans la cuisine. Le même principe s'applique en programmation : on veut séparer le HTML, qui décrit le contenu, du JavaScript, qui décrit le comportement. C'est ce que l'on appelle la séparation des préoccupations.

Externaliser le JavaScript dans un fichier index.js

Créons un nouveau fichier nommé index.js et déplaçons-y notre code JavaScript. Une fois le code transféré, il faut indiquer au navigateur où le trouver. Dans le HTML, on garde la balise <script> mais on ajoute un attribut src (abréviation de « source ») pointant vers le fichier :

<script src="index.js"></script>

Cela indique au navigateur que notre code JavaScript se trouve désormais dans index.js. En vérifiant la console, on retrouve bien le même message qu'auparavant.

Après avoir exécuté ce code dans le navigateur, voyons comment l'exécuter dans Node.js. Je suppose que Node est déjà installé sur votre machine ; sinon, rendez-vous sur nodejs.org pour télécharger la dernière version. Ouvrez l'invite de commandes, placez-vous dans le dossier du projet, puis tapez node index.js. Le même message s'affiche, cette fois dans le terminal. Voilà pour ce chapitre, on se retrouve dans la prochaine vidéo où nous parlerons des variables en JavaScript.

En résumé

Cette leçon explique le principe fondamental de la séparation des préoccupations en programmation, en isolant le code JavaScript du code HTML pour une meilleure organisation et maintenabilité. Après avoir créé un fichier index.js et lié celui-ci au HTML via l'attribut src, le cours montre comment exécuter le code JavaScript à la fois dans le navigateur (via la console) et en ligne de commande avec Node.js, démontrant ainsi la flexibilité de JavaScript.

Points clés

  • La séparation des préoccupations : isoler le HTML (contenu) du JavaScript (comportement) comme on sépare les pièces d'une maison
  • Créer un fichier JavaScript externe (index.js) et le lier au HTML via la balise <script src="index.js"></script>
  • Vérifier l'exécution du JavaScript dans la console du navigateur
  • Installer et configurer Node.js sur votre machine
  • Exécuter du JavaScript directement en ligne de commande avec la commande : node index.js

Questions fréquentes

Pourquoi est-il important de séparer le HTML du JavaScript ?

La séparation des préoccupations améliore l'organisation et la maintenabilité du code en gardant le contenu (HTML) distinct du comportement (JavaScript). C'est un principe fondamental en programmation : chaque fichier a une responsabilité unique, comme dans une maison où chaque pièce a sa fonction.

Comment lier un fichier JavaScript à ma page HTML ?

Utilisez la balise <script> avec l'attribut src pointant vers votre fichier JavaScript externe. Par exemple : <script src="index.js"></script> placée avant la fermeture du tag </body>.

Quel est l'avantage d'exécuter du JavaScript avec Node.js ?

Node.js permet d'exécuter du JavaScript en dehors du navigateur, directement en ligne de commande. Cela offre plus de flexibilité pour les tests, l'automatisation et le développement côté serveur, en utilisant simplement la commande : node index.js