Cours JavaScript

Introduction à JavaScript

JavaScript est un langage de programmation principalement utilisé pour rendre les pages web interactives. Imagine que JavaScript est comme le magicien qui donne vie à ton site web, ajoutant des animations, des réactions aux clics, et bien plus encore. Avec JavaScript, tu peux créer des expériences utilisateur dynamiques et captivantes.

Historique et Contexte

JavaScript a été créé par Brendan Eich en 1995. Depuis, il est devenu un langage incontournable pour le développement web, permettant de créer des applications interactives et dynamiques. JavaScript est utilisé pour tout, des simples effets visuels aux applications web complexes et aux jeux en ligne.

Syntaxe de Base

JavaScript utilise des variables, des fonctions, et des structures de contrôle comme les boucles et les conditions pour créer des interactions dynamiques. Les scripts JavaScript sont intégrés dans le code HTML et exécutés par le navigateur de l'utilisateur, ce qui permet de manipuler le contenu de la page en temps réel.

Liste de Fonctions Courantes

console.log() : Affiche du texte dans la console du navigateur.
document.getElementById() : Sélectionne un élément HTML par son identifiant.
addEventListener() : Ajoute un gestionnaire d'événements à un élément.
setTimeout() : Exécute une fonction après un délai spécifié.
Math.random() : Génère un nombre aléatoire.

Exercice Pratique

Crée un script JavaScript qui affiche un message de bienvenue lorsque l'utilisateur clique sur un bouton. Utilise les événements et le DOM pour manipuler la page. Par exemple, tu peux créer un bouton "Clique ici" et afficher un message "Bonjour !" lorsque l'utilisateur clique dessus.

Exemple de Code


<!DOCTYPE html>
<html>
<head>
    <title>Exemple JavaScript</title>
    <script>
        function afficherMessage() {
            alert("Bonjour !");
        }
    </script>
</head>
<body>
    <button onclick="afficherMessage()">Clique ici</button>
</body>
</html>

Exercice d'Application

Essaie de modifier le script ci-dessus pour qu'il affiche un message personnalisé en fonction de l'heure de la journée. Par exemple, si l'utilisateur clique sur le bouton le matin, affiche "Bonjour !", et s'il clique l'après-midi, affiche "Bon après-midi !". Utilise la fonction Date() pour obtenir l'heure actuelle.

Résumé du Cours

JavaScript est essentiel pour ajouter des interactions dynamiques aux sites web. En maîtrisant la syntaxe de base et les structures de contrôle, tu peux créer des applications web interactives et captivantes. N'oublie pas que JavaScript est exécuté côté client, ce qui signifie que le code est traité par le navigateur de l'utilisateur.

Mini Lexique JavaScript

Variable: Espace mémoire permettant de stocker des données (ex : let nom = "Noah";).
Fonction: Bloc de code réutilisable qui effectue une tâche spécifique (ex : function maFonction()).
Événement: Action ou occurrence détectée par le programme (ex : clic de souris, chargement de page).
DOM: Document Object Model, une interface de programmation pour les documents HTML et XML. Elle permet de manipuler la structure, le style et le contenu des documents.
Boucle: Structure de contrôle permettant de répéter un bloc de code (ex : for, while).

Anecdote

"JavaScript a été initialement développé en seulement 10 jours par Brendan Eich, et il est aujourd'hui utilisé par des milliards de sites web à travers le monde."