Apprendre le JavaScript

Écrit par : L'équipe de WebSimple

Définition:

Le Javascript est un langage de programmation de type script orienté objets ajoutant du dynamisme aux pages. C'est-à-dire que c'est le navigateur qui exécute le code (côté client). Contrairement à certains langages de programmation comme le PHP qui est exécuté du côté serveur. Le Javascript est incorporé à l'intérieur d'un document XHTML. Il s'agit d'un langage donnant la possibilité à l'utilisateur d'apporter certaines améliorations au langage XHTML en exécutant des commandes du côté client (au niveau du navigateur).

Le Javascript est très dépendant du navigateur qui appelle la page Web dans laquelle le script est incorporé. Cependant, il ne nécessite pas de compilateur contrairement au Java avec lequel il est souvent confondu.

Les premiers pas:

Exemple d'un appel d'une fonction dans un document XHTML:

<html>
   <head>
      <title>Voici une page contenant du Javascript</title>
      <script type="text/javascript" src="./js/script.js"></script>
   </head>

   <body>
      <script type="text/javascript">
      <!--
         toto();
      // -->
      </script>
   </body>
</html>

Déclaration d'une fonction :

function nom_de_la_fonction(paramètres)
{
   instruction(s) ;
}

Intégration du JavaScript

Il existe plusieurs façons d'inclure un code JavaScript dans une page XHTML :

La balise <script>
Le code Javascript peut être inséré où vous le désirez dans votre page Web.

Ainsi, on place généralement le maximum de code dans la balise d'en-tête (ce sont les éléments situé entre les balises <head> et </head>).

<html>
   <head>
      <title>Le JavaScript</title>
      <script type="text/javascript">
      <!--
         alert("Voici un message d alerte!");
      // -->
      </script>
   </head>

   <body>
      <h1>Le Javascript</h1>
   </body>
</html>
Une alerte JS

En mettant le code dans un fichier externe et en appellant le fichier source dans la balise ouvrante script.

<html>
   <head>
      <title>Le JavaScript</title>
      <script type="text/javascript" src="./js/script.js"></script>
   </head>

   <body>
      <h1>Le Javascript</h1>
   </body>
</html>

Les événements
Les événements JavaScript seront quant à eux placés dans le corps de la page (entre les balises <body> et </body>) comme attribut d'un élément ou d'une balise XHTML. 

<html>
   <head>
      <title>Le JavaScript</title>
   </head>

   <body>
      <h1>Le Javascript</h1>
      <img src="img.jpg" onclick="fonction_img();" /&t;
   </body>
</html>

Tutoriel

Voici un petit tutoriel démontrant comment jumeler le Javascript et le XHTML. Cependant vous devez posséder quelques connaissances en XHTML afin de faire ce tutoriel. Dans le cas où vous ne connaissez pas ce langages, vous pouvez aller visiter la section XHTML et du site.

Tout d'abord, il faut créer nos balises XHTML

<html>
   <head>
      <title>Le JavaScript</title>
   </head>

   <body>

   </body>
</html>

Deuxièmement, ajoutons le JavaScript. Il s'agira d'un simple code afin de faire apparaître un titre h1 dans le navigateur de l'internaute.

<html>
   <head>
      <title>Le JavaScript</title>
   </head>

   <body>
      <script type="text/javascript">
      <!--
         document.write("<h1>Hello World</h1>");
      // -->
      </script>
   </body>
</html>

Le résultat final?

Résultat final

Références

http://fr.wikipedia.org/wiki/JavaScript
http://www.ccim.be/ccim328/js/
http://www.editeurjavascript.com/cours/cours_01.php
http://www.w3schools.com/js/default.asp
http://css.alsacreations.com/Tutoriels-JavaScript/bonnes-pratiques-javascript#good
http://www.allhtml.com/articles/categorie/Javascript