Synthèse finale concernant ce module JavaScript

 Voler de tes propres ailes... 

Nous voici au terme d'un long cheminement qui t'aura permis d'apprendre des bases solides de la programmation procédurale en utilisant des rudiments de JavaScript.

Des rudiments car JavaScript est bien plus large que tout ce que nous avons vu. C'est un langage à part entière (bien que pas très doué en math... :O) qui fera l'objet (bientôt) de modules supplémentaires.

 ... en solo !!! 

Jusqu'à présent, tu as programmé dans le contexte de ce site. Il est maintenant grand temps de pouvoir te débrouiller sur n'importe quel ordinateur et dans n'importe quel environnement.

Comment procéder pour taper ton code de façon indépendante et pouvoir exécuter ton programme ?

JavaScript est inclus dans le langage HTML, il te suffira donc de taper ton code JS en tant que « script » d'une page HTML. Voici une manière minimaliste de procéder :

  1. Ouvre un éditeur de texte basique tel que le « bloc-notes » ou Notepad++ (recommandé, excellent et gratuit en téléchargement sur le Net);
  2. Vérifie dans l'onglet « Encodage » que tu es bien en « UTF-8 (sans BOM) » pour la compatibilité des jeux de caractères;
  3. Fais un « copier-coller » du texte de la page HTML qui se trouve ci-dessous.
  4. Sauve ce document à un endroit dont tu te souviendras en l'appelant « Essai01.html » par exemple (sois attentif à la fenêtre permettant de choisir le format de sauvegarde, il doit être « HTML »);
  5. Rends-toi dans le répertoire dans lequel tu as sauvé ton document et double-clique sur son icône : la page va s'ouvrir dans ton navigateur par défaut et le script JS va s'exécuter spontanément;
  6. Pour relancer ton programme, actualise ta page tout simplement;
  7. Pour tester d'autres scripts, remplace ton code entre les balises <script> et </script> par ton nouveau script et sauve ton document sous un autre nom : « Essai02.html » par exemple.

Bon travail et bonne découverte... Voici le code de la page minimaliste en HTML :

<!doctype html>
<head>
	<html lang="fr">
	<meta charset="utf-8" />
	<title>Essai JavaScript</title>
</head>

<body>
	<h1 align="center">Essai JavaScript</h1>
		<script>
		// Exemple de programme, comment peut-il bien fonctionner ???
		alert ('Le programme lit 3 mots puis les classe par ordre alphabétique.');
		var mot = [], i=100, attente, different;
		for (i=0; i<3; i++)
		   mot[i] = prompt ('Quel est le mot numéro ' + (i+1) + ' ? : ');
		do {
		   different = false;
		   for (i=0; i<2; i++)
			  if (mot[i] > mot[i+1]) {
				 attente = mot[i];
				 mot[i] = mot[i+1];
				 mot[i+1] = attente;
				 different = true;
			  }
		}
		while (different);
		alert (mot);
		</script>
</body>
</html>

Important : tu peux nous envoyer un retour à info@fadagogo.com pour donner ton sentiment sur ce module de cours. Tous les avis nous intéressent afin d'améliorer sans cesse la qualité de nos formations.

Bonne route.

Retour