Premiers pas avec JavaScript

Dans ce didacticiel, vous découvrirez différentes manières d'exécuter JavaScript sur votre ordinateur.

JavaScript est un langage de programmation populaire qui a un large éventail d'applications.

JavaScript était auparavant principalement utilisé pour rendre les pages Web interactives telles que la validation de formulaire, l'animation, etc. De nos jours, JavaScript est également utilisé dans de nombreux autres domaines tels que le développement côté serveur, le développement d'applications mobiles, etc.

En raison de sa large gamme d'applications, vous pouvez exécuter JavaScript de plusieurs manières:

  • Utilisation de l'onglet console des navigateurs Web
  • Utilisation de Node.js
  • En créant des pages Web

1. Utilisation de l'onglet Console des navigateurs Web

Tous les navigateurs Web populaires ont des moteurs JavaScript intégrés. Par conséquent, vous pouvez exécuter JavaScript sur un navigateur. Pour exécuter JavaScript sur un navigateur,

  1. Ouvrez votre navigateur préféré (ici, nous utiliserons Google Chrome).
  2. Ouvrez les outils de développement en faisant un clic droit sur une zone vide et sélectionnez Inspecter. Raccourci: F12 . Inspecter le navigateur
  3. Sur les outils de développement, accédez à l'onglet console. Ensuite, écrivez le code JavaScript et appuyez sur Entrée pour exécuter le code. Onglet Console dans le navigateur

Utilisation de Node.js

Node est un environnement d'exécution back-end pour l'exécution de code JavaScript. Pour exécuter JS à l'aide de Node.js, procédez comme suit:

  1. Installez la dernière version de Node.js.
  2. Installez un IDE / éditeur de texte comme Visual Studio Code. Dans le code VS, créez un fichier > écrivez le code JS > enregistrez-le avec l'extension .js . Code dans l'IDE
  3. Ouvrez le terminal / l'invite de commande > accédez à l'emplacement du fichier > tapez node hello.js > appuyez sur Entrée . Exécuter le code JS dans le nœud
  4. Vous obtiendrez une sortie sur le terminal.

Remarque : Il est également possible d'exécuter JavaScript directement sur le terminal / l'invite de commande. Pour cela, tapez simplement nodeet appuyez sur Entrée. Ensuite, vous pouvez commencer à écrire du code JS.

Exécuter le code JS dans le nœud

En créant des pages Web

JavaScript a été initialement créé pour rendre les pages Web interactives, c'est pourquoi JavaScript et HTML vont de pair. Pour exécuter JS à partir d'une page Web, procédez comme suit:

  1. Ouvrez VS Code > Allez dans Fichier > Nouveau fichier > Enregistrez-le avec l'extension .html . Par exemple main.html,.
  2. Copiez ce doctype (code HTML minimum valide) et enregistrez-le dans le fichier.
      Programiz 
  3. De même, créez un fichier JS, écrivez le code JS suivant et enregistrez-le avec l' extension .js comme main.js.
     console.log('hello world');
    Code JS dans un fichier
  4. Depuis l'intérieur du fichier HTML, nous devons lier le main.jsfichier pour l'utiliser. Vous pouvez y parvenir en ajoutant le code suivant dans main.html.
     
    Code HTML dans un fichier
  5. Ouvrez le main.htmlfichier à l'aide d'un navigateur.
  6. Pour vérifier si notre code JS a fonctionné ou non, cliquez avec le bouton droit sur la page Web> Inspecter > Choisir l'onglet de la console . Affichage du code JS dans l'onglet de la console

Maintenant que vous savez comment exécuter JavaScript, commençons à apprendre les principes de base de JavaScript à partir du prochain tutoriel.

Articles intéressants...