Tutos Javascript pour débutant.

Javascript est un langage de programmation de scripts orienté objet qui permet de rendre des sites web dynamiques.
C’est un langage exécuté côté client, c’est à dire exécuté à l’intérieur du navigateur.
On trouve en informatique du code interprété ou compilé.
Javascript est un langage interprété, le code s’exécute de haut en bas et le résultat est envoyé immédiatement.
Les langages compilés sont transformés avant d’être exécutés (comme le C et le C++).

Le Javascript s’inclut dans une page web ou dans un fichier externe et permet d’ajouter des interactions avec l’utilisateur.

Commençons par la base avec des exemples simples en testant votre code directement en ligne avec JSFiddle.

Ouvrez JSFiddle dans votre navigateur et  écrivez ce code contenant le traditionnel Hello World dans la partie HTML (pas de copier-coller si vous voulez apprendre rapidement et sans erreur).

<!DOCTYPE html>
<html>
<head>
<title>Bonjour</title>
</head>

<body>

<script>

alert('Hello World');

</script>

</body>
</html>

Dans JSFiddle, cliquez sur run et vous pouvez voir qu’une boite de dialogue s’ouvre avec le texte “Hello World “.

JSFiddle

  • Nous avons écrit ici une instruction avec l’appel de  la fonction alert() à l’intérieur des balises <script>…</script>.
  • A l’intérieur des parenthèses, nous avons un argument (valeur transmise à la fonction).
  • Au niveau syntaxe, vous pouvez voir qu’à  la fin de chaque instruction, on place un point-virgule.

Nous avons placé dans cet exemple le code Javascript au sein de la page HTML mais il est préférable de le placer dans un fichier externe nommé .js afin d’accélérer l’affichage de la page.

Vous créez un fichier nommé par exemple bonjour.js. Vous insérez votre code Javascript :
alert ('Hello World');
Puis dans votre page HTML vous allez chercher votre fichier.

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>

  <body>

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

  </body>
</html>

Vous avez donc inclus dans votre page le fichier Javascript bonjour.js grâce à l’attribut src.

Les commentaires

Afin d’apporter plus de clarté à votre code et permettre aux développeurs d’apporter des précisions sur celui-ci, les commentaires sont très utiles.

Les commentaires sur une ligne s’écrivent après un double slash :

// Ceci est un commentaire

Les commentaires sur plusieurs lignes s’écrivent entre les balises /* et */

/*
Ceci est un commentaire 1
Ceci est un commentaire 2
Ceci est un commentaire 3
*/

⇒ Chapitre suivant –  les variables

Retour haut de page