🚀 Semaine 1 - Jour 1 : Introduction à JavaScript

📚 Qu'est-ce que JavaScript ?

JavaScript est le langage de programmation du web. Il permet de rendre les pages web interactives et dynamiques.

Exemples d'utilisation : valider des formulaires, créer des animations, charger du contenu sans recharger la page, créer des jeux, des applications web complètes...

Important : JavaScript est différent de Java ! Ce sont deux langages distincts.

1. Où écrire du JavaScript ?

3 méthodes principales :

  • Dans la balise <script> (dans le HTML)
  • Dans un fichier externe (script.js)
  • Dans la console du navigateur (F12)
<!-- Dans le HTML -->
<script>
  console.log('Bonjour !');
</script>

2. console.log()

La commande console.log() permet d'afficher des messages dans la console du navigateur.

Très utile pour :

  • Vérifier si le code fonctionne
  • Afficher des valeurs
  • Déboguer (trouver les erreurs)
console.log('Bonjour le monde !');
console.log(42);
console.log(2 + 2);

3. Commentaires

Les commentaires permettent d'expliquer le code. Ils ne sont pas exécutés.

// Commentaire sur une seule ligne

/*
  Commentaire
  sur plusieurs
  lignes
*/

✅ Bonne pratique : Commenter son code pour le rendre plus lisible !

4. Instructions et point-virgule

Chaque instruction JavaScript se termine par un point-virgule (;) (optionnel mais recommandé).

console.log('Première ligne');
console.log('Deuxième ligne');

💡 Astuce : Même si JavaScript ajoute automatiquement les points-virgules, il est préférable de les écrire explicitement.

⚡ Console JavaScript Interactive - Testez votre code !
Prêt à exécuter votre code...

💻 Exemples à tester

// Afficher un message
console.log('Bonjour le monde !');

// Afficher un calcul
console.log(10 + 5);

// Afficher plusieurs valeurs
console.log('Résultat :', 2 + 2);

// Utiliser des emoji
console.log('🚀 Bienvenue dans JavaScript !');

👆 Copiez ces exemples dans la console interactive ci-dessus !

Froggiesplaining :


🎯 Objectifs de ce cours :
✅ Comprendre ce qu'est JavaScript et à quoi il sert
✅ Savoir où écrire du code JavaScript
✅ Utiliser console.log() pour afficher des messages
✅ Écrire des commentaires pour expliquer son code

📖 Points clés à retenir :
• JavaScript rend les pages web interactives
• console.log() affiche des messages dans la console (F12)
• // pour commenter une ligne, /* */ pour plusieurs lignes
• Chaque instruction se termine par un ;
• La console du navigateur est votre meilleure amie pour tester du code !

🏋️ Exercice pratique :
1. Ouvrez la console de votre navigateur (F12 → Console)
2. Tapez : console.log('Mon prénom est [votre prénom]');
3. Appuyez sur Entrée
4. Testez d'autres messages avec la console interactive ci-dessus !
5. Essayez d'afficher un calcul : console.log(25 * 4);

Froggie explain

GitHub - eCrea