đ§© Comprendre comment fonctionne le code (JS)Â
đ§© Comprendre comment fonctionne le code (JS)Â
đŹ âCoder, câest juste expliquer Ă lâordinateur ce que tu veux quâil fasse étape par Ă©tape sans quâil devine rien.âÂ
Un programme, câest comme une recette de cuisine :
Tu donnes les Ă©tapes dans un ordre prĂ©cis đł
Si tu oublies un ingrĂ©dient, ça plante đ
Lâordinateur ne rĂ©flĂ©chit pas, il exĂ©cute ce que tu dis, mot pour mot.
Ouvre ton navigateur (Chrome, Edge, Firefox).
âĄïž Clique droit â Inspecter â onglet Console
Et écris :
console.log("Hello Morgann Music !");Â
Puis appuie sur Entrée.
đ Bravo, tu viens dâexĂ©cuter ton premier code JavaScriptÂč.
console.log() sert Ă afficher du texte dans la console.
Le texte est toujours entre guillemets "...".
đ sinon le code croit que câest une commande et te renvoie une erreur.
Le ; (point-virgule) marque la fin dâune ligne dâinstruction.
Le code est sensible aux majuscules :
console â Console
Une variable, câest comme une boĂźte oĂč tu ranges une information.
let artiste = "Morgann Music";
let fans = 1200;
console.log(artiste + " a " + fans + " fans !");
âĄïž RĂ©sultat :
Morgann Music a 1200 fans !
let = crée une nouvelle variable
Le nom de la variable ne prend jamais dâespace (ex : nombreFans)
Les textes sont toujours entre guillemets "..."
Les nombres ne prennent pas de guillemets (ex : 1200 â , "1200" đ«)
Le code peut réagir à une situation :
let fans = 2000;
if (fans > 1000) {
  console.log("đ„ La communautĂ© grandit !");
} else {
  console.log("đ On dĂ©bute, mais ça va monter !");
}
Les conditions se mettent entre parenthĂšses ( )
Les actions Ă faire sont entre accolades { }
> veut dire âplus grand queâ
if = âsiâ
else = âsinonâ
Quand tu veux rĂ©pĂ©ter la mĂȘme action plusieurs fois :
for (let i = 1; i <= 5; i++) {
  console.log("Nouvelle chanson n°" + i);
}
âĄïž RĂ©sultat :
Nouvelle chanson n°1 Â
Nouvelle chanson n°2 Â
Nouvelle chanson n°3 Â
Nouvelle chanson n°4 Â
Nouvelle chanson n°5Â
â
Le texte est toujours entre guillemets " "
â
Les parenthĂšses ( ) servent pour les fonctions
â
Les accolades { } servent pour dĂ©finir un bloc dâaction
â
Le code est lu ligne par ligne
â
Une erreur = une faute dâĂ©criture ou dâordre
Ăcris un petit programme qui affiche :
Bienvenue sur Morgann Music
Aujourdâhui, on apprend Ă coder
đ„ Letâs go !
đ (Astuce : utilise console.log() trois fois avec des guillemets autour du texte)
Parfait, maintenant tu connais les bases du Javascript !
Que veut-tu faire ?