Bases du langage JavaScript
Méthodologie d’apprentissage
Dans les chapitres qui vont suivre, un apprentissage progressif du langage JavaScript va être proposé. Ceci est un vrai parti pris pédagogique. À aucun moment le propos ne se voudra exhaustif. L’option retenue est de vous faire découvrir pas à pas JavaScript en reprenant en particulier les algorithmes développés dans les chapitres précédents.
Il aurait aussi été possible pour chacun des algorithmes étudiés d’en fournir immédiatement le code JavaScript. Le choix a été fait de présenter l’algorithme et le code JavaScript dans des chapitres différents du livre. Cette démarche offre le gros avantage de sensibiliser les lecteurs sur le fait que dans le cadre de l’analyse d’un problème, l’effort principal doit porter dans la production d’un algorithme de qualité, clair, facile à interpréter, fiable avant d’imaginer sa traduction dans un langage de programmation quel qu’il soit.
Après la présentation du langage JavaScript (jusqu’au chapitre Procédures et fonctions), l’approche dite "Programmation orientée objet" de JavaScript est étudiée (chapitre Approche "objet" en JavaScript) et nous verrons ensuite les principaux objets "natifs"...
Variables (déclaration et typage)
Pour faciliter le repérage des exercices JavaScript, la numérotation vue dans le chapitre Développement à partir d’algorithmes sera conservée.
1. Exercice n°2 : Surfaces de cercles
Pour débuter en douceur notre apprentissage, reprenons l’algorithme de l’exercice n°2 (Surfaces de cercles) vu au chapitre Développement à partir d’algorithmes. Exceptionnellement pour ce premier exercice, l’algorithme sera rappelé.
Sujet
Calculer (et afficher à l’écran) la surface de deux cercles de rayons prédéterminés (5.5 mètres et 3.5 mètres par exemple) ainsi que la différence entre ces deux surfaces.
Corrigé en langage descriptif algorithmique
Début |
|
|
Réel RAYON1, RAYON2, PI, SURFACE1, SURFACE2, DIFFERENCE RAYON1 <- 5.5 RAYON2 <- 3.5 PI <- 3.14 SURFACE1 <- PI * RAYON1 * RAYON1 SURFACE2 <- PI * RAYON2 * RAYON2 DIFFERENCE <- SURFACE1 - SURFACE2 Ecrire("Surface 1 = ", SURFACE1, Alaligne, "Surface 2 = ", SURFACE2, Alaligne, "Différence = ", DIFFERENCE) |
Fin |
|
Corrigé en JavaScript
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--
NOM DU SCRIPT : CH3_2.htm
REALISATION INFORMATIQUE : Christian VIGOUROUX
DATE DE CREATION : 15/10/2018
DATE DE DERNIERE MODIFICATION : 15/10/2018
OBJET : Calcul (et affichage) de la surface de deux cercles de rayons
prédéterminés (5.5 mètres et 3.5 mètres par exemple)
ainsi que de la différence entre ces deux surfaces
-->
<!-- Début script HTML -->
<html>
<!-- Début en-tête script HTML -->
<head>
<!-- Balise meta -->
<meta HTTP-equiv="Content-Type" content="text/html;
charset=utf-8" />
<!-- Titre du script HTML -->
<title>CH3_2</title>
</head>
<!-- Début section body du script HTML -->
<body>
<!-- Titre du traitement -->
<h1>Editions ENI - JavaScript - Exercice CH3_2</h1>
<!-- Début script JavaScript -->
<script>
/* Affichage du nom du script */
alert("Exercice CH3_2");
...