Scribd
Importer
2 vues2 pages

JavaScript 101 Complet HTML JS

Ce document présente un cours complet sur JavaScript pour débutants, couvrant son introduction, son interaction avec HTML et CSS, ainsi que son exécution dans le navigateur. Il aborde également des concepts clés tels que les variables, les types de données, les fonctions et les événements. À la fin, le cours propose des exercices pratiques pour appliquer les connaissances acquises.

Transféré par

bouysfi.othman
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
2 vues2 pages

JavaScript 101 Complet HTML JS

Ce document présente un cours complet sur JavaScript pour débutants, couvrant son introduction, son interaction avec HTML et CSS, ainsi que son exécution dans le navigateur. Il aborde également des concepts clés tels que les variables, les types de données, les fonctions et les événements. À la fin, le cours propose des exercices pratiques pour appliquer les connaissances acquises.

Transféré par

bouysfi.othman
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

JavaScript 101

Cours complet pour débutants


1. Introduction à JavaScript
JavaScript est un langage de programmation utilisé pour rendre les pages web dynamiques. Il
permet à une page web de réagir aux actions de l’utilisateur comme un clic, une saisie ou un
déplacement de la souris. JavaScript fonctionne avec HTML et CSS.

2. HTML, CSS et JavaScript


HTML définit la structure de la page (titres, boutons, paragraphes). CSS définit le style (couleurs,
tailles, position). JavaScript définit le comportement (actions et logique).

3. Où s’exécute JavaScript ?
JavaScript s’exécute dans le navigateur web. Le navigateur lit le code JavaScript et l’exécute
ligne par ligne après le chargement de la page.

4. Structure d’une page HTML avec JavaScript


Mon premier JavaScript Clique ici alert("Bonjour JavaScript !");

5. Variables et types de données


Une variable permet de stocker une valeur. JavaScript peut stocker des nombres, du texte, des
valeurs vraies ou fausses.
let age = 20; let prenom = "Ali"; let estConnecte = true;

6. Interaction avec l’utilisateur


JavaScript peut demander des informations à l’utilisateur et afficher des messages.
let nom = prompt("Quel est ton nom ?"); alert("Bienvenue " + nom);

7. Fonctions
Une fonction est un bloc de code réutilisable.
function direBonjour() { alert("Bonjour !"); } direBonjour();

8. Événements (clic)
Les événements permettent de réagir aux actions de l’utilisateur.
[Link]("btn").addEventListener("click", function() { alert("Bouton
cliqué !"); });

9. Exercices pratiques
• Créer une page HTML avec un bouton.
• Afficher un message quand on clique sur le bouton.
• Demander le prénom et afficher un message personnalisé.
• Créer une fonction qui additionne deux nombres.
10. Conclusion
Ce cours permet de comprendre les bases fondamentales de JavaScript. Avec ces notions,
l’étudiant peut commencer à créer des pages web interactives.

Vous aimerez peut-être aussi