Les langages de programmation du Web

Précédent Sommaire 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Suivant

5. Langages de programmation Web du côté client

Sans trop entrer dans les détails, voici une présentation des principaux langages de programmation Web du côté navigateur :

JavaScript

JavaScript est un langage de programmation qui apporte de l'interactivité à vos pages Web.
Le code JavaScript peut être intégré directement dans le code HTML (balise <script>).
C'est votre navigateur Web (donc côté client) qui est chargé d'interpréter le code JavaScript :

<!DOCTYPE html>
<!-- bonjour_js.html -->
<html>
    <head>
        <meta charset="UTF-8">
        <title>Une page Web en HTML5 avec du JavaScript</title>
    </head>

    <body>
        <h1>Une page Web en HTML5 avec du JavaScript</h1>
        <p>Bonjour !</p>
        <script type="text/javascript">
            // code JavaScript
            window.alert("Cette boîte de dialogue est créée avec le langage JavaScript");
            var Maintenant new Date();
            var Heure Maintenant.getHours();
            var Minute Maintenant.getMinutes();
            var Seconde Maintenant.getSeconds();
            if (Heure 10Heure "0" Heure;
            if (Minute 10Minute "0" Minute;
            if (Seconde 10Seconde "0" Seconde;
            document.write("<p>Heure courante "+Heure+":"+Minute+":"+Seconde+" (généré avec JavaScript)</p>");
        </script>
    </body>
</html>

JavaScript utilise le mot clé var pour définir les variables.
new Date() crée un objet Date avec la date et l'heure courante.
L'opérateur + réalise une concaténation de chaînes de caractères.

Voir

Ardoise JavaScript

C'est un outil que propose Firefox pour tester votre code JavaScript :
Menu → Développement → Ardoise JavaScript

Animation Flash

Une animation Flash est réalisée avec le logiciel propriétaire Adobe Flash ou à partir d'un script en langage de programmation ActionScript.
L'animation peut être interactive et est lue par votre navigateur Web grâce au plugin Shockwave Flash Player.
Une animation Flash est reconnaissable à son extension .swf (le fichier contient du code compilé).

Pour l'inclure dans une page Web, il suffit d'utiliser la balise <object> :

<object type="application/x-shockwave-flash" data="fichierflash.swf" width="320" height="480"></object>

Des exemples d'animations Flash

Applet Java

Une applet Java est une application écrite dans le puissant langage de programmation Java, qui peut fonctionner dans un navigateur web grâce à une machine virtuelle Java (JVM).
On peut inclure une applet Java dans une page Web avec la balise <object>.

Des exemples d'applets Java

Note : ne pas confondre Java et JavaScript : ce sont deux langages totalement différents !

Exercices

Exercice 1 Affichage de la date avec le langage de programmation JavaScript

A partir de la page bonjour_js.html :

1) Créer une page date_js.html qui affiche la date courante (par exemple : 24/10/2017).

Bibliographie : JavaScript Date Methods

2) Créer une page date2_js.html qui affiche "Joyeux anniversaire !" le jour de votre anniversaire.

3) Créer une page date3_js.html qui affiche la date courante ainsi que le nom du jour (par exemple : mardi 24/10/2017).
On utilisera la méthode getDay() qui retourne 0 le dimanche, 1 le lundi, etc.