Introduction à JavaScript
JavaScript est un langage de programmation utilisé pour rendre les pages web interactives. Il est exécuté côté client (dans le navigateur) et peut manipuler le HTML et le CSS pour modifier le contenu et le style d'une page en temps réel.
1. Installer les outils nécessaires
Pour commencer à coder en JavaScript, vous avez besoin :
- D'un navigateur web (Chrome, Firefox, Edge, etc.).
- D'un éditeur de texte (VS Code, Sublime Text, Notepad++, etc.).
2. Intégrer JavaScript dans une page HTML
Pour ajouter du JavaScript à une page HTML, utilisez la balise <script>
.
<script>
// Votre code JavaScript ici
alert("Bienvenue en JavaScript !");
</script>
3. Les bases du JavaScript
a. Variables
Les variables permettent de stocker des données. En JavaScript, on utilise let
, const
ou
var
pour déclarer une variable.
let nom = "Alice"; // Variable modifiable
const age = 25; // Constante (non modifiable)
var ville = "Paris"; // Ancienne méthode (à éviter)
b. Conditions
Les conditions permettent d'exécuter du code en fonction d'une condition.
let age = 18;
if (age >= 18) {
console.log("Vous êtes majeur.");
} else {
console.log("Vous êtes mineur.");
}
4. Manipuler le DOM
Le DOM (Document Object Model) représente la structure d'une page HTML. JavaScript permet de le manipuler pour modifier le contenu ou le style.
a. Sélectionner un élément
let titre = document.querySelector("h1");
5. Exemples pratiques
a. Afficher la date et l'heure
let date = new Date();
console.log("Nous sommes le : " + date.toLocaleDateString());
6. Ressources pour aller plus loin
- MDN Web Docs : Documentation officielle de JavaScript.
- freeCodeCamp : Plateforme interactive pour apprendre JavaScript.
- Codecademy : Cours interactifs en ligne.