Javascript for Kids · Leçon

Une liste d’animaux

Stocker des indices sur les animaux

Une liste d’animaux est une leçon Javascript for Kids gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Javascript for Kids, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Javascript for Kids comprend 4 leçons au total.

Bienvenue, détective des animal ! 🕵️

Préparez-vous à construire un jeu très amusant : Devinez l'animal ! 🐶🐱🦁

L'ordinateur va choisir un animal, vous donner des indices et YOU devrez essayer de le deviner. Mais d'abord... nous avons besoin d'un endroit pour garder tous nos animals !

Qu'est-ce qu'une liste ? 📝

Une liste (que nous appelons un array) ressemble à une boîte à jouets qui contient toutes sortes de choses. 🧸

Nous utilisons des crochets [ ] et plaçons des virgules entre chaque élément.

let animals = ["dog", "cat", "lion"]
console.log("My animal box has:", animals)

Ajouter davantage d'animals 🦒

Plus il y a d'animals, plus le jeu est amusant ! Remplissons la boîte de nombreux compagnons.

let animals = ["dog", "cat", "lion", "giraffe", "penguin"]
console.log("Total animals:", animals.length)

Compter les animals 🔢

Toute liste connaît sa taille ! Utilisez .length pour compter ce qu'elle contient. 🪄

let animals = ["dog", "cat", "lion"]
console.log("I have " + animals.length + " animals!")

Jetez un œil à un animal 👀

Chaque position de la liste possède un numéro appelé indice. La première est 0, et non 1 ! 🤓

let animals = ["dog", "cat", "lion"]
console.log("First animal:", animals[0])
console.log("Second animal:", animals[1])

L'animal secret 🤫

Pour notre jeu, l'ordinateur choisit ONE animal secret dans la boîte. Prenons le lion !

let animals = ["dog", "cat", "lion"]
let secret = animals[2]
console.log("Shhh... the secret is a", secret)

Des animals avec des indices 💡

Chaque animal a besoin d'indices ! Nous pouvons stocker un animal et ses indices ensemble à l'aide d'un object entre accolades { }.

let animal = { name: "lion", clue: "I am the king of the jungle!" }
console.log(animal.clue)

Une liste d’objets clues 📦

Nous allons maintenant créer une liste d’objets. Chacun contient un animal AND sa clue. C’est génial ! 😎

let animals = [
  { name: "dog", clue: "I love to bark and fetch!" },
  { name: "cat", clue: "I say meow and chase mice!" }
]
console.log(animals[0].clue)

Lire le nom et la clue 🏷️

À partir d’un objet animal, nous pouvons lire à la fois le name et la clue. 🎉

let animal = { name: "frog", clue: "I am green and I hop!" }
console.log("Animal:", animal.name)
console.log("Clue:", animal.clue)

Parcourir la boîte 🔁

Nous pouvons visiter chaque animal, l’un après l’autre, avec une boucle. Comme lorsque vous vérifiez chaque jouet dans la boîte !

let animals = ["dog", "cat", "lion"]
for (let i = 0; i < animals.length; i++) {
  console.log("Animal number " + i + ":", animals[i])
}

Les données de notre jeu sont prêtes ! ✅

Excellent travail ! Nous avons créé une liste d’animaux, chacun avec une clue. C’est le cœur de notre jeu. ❤️

Ensuite, nous commencerons à donner ces clues au joueur !

let animals = [
  { name: "lion", clue: "I am the king of the jungle!" },
  { name: "frog", clue: "I am green and I hop!" }
]
console.log("Game ready with " + animals.length + " animals! 🎮")

Vérification rapide ❓

C’est l’heure d’un casse-tête ! 🧠

Vous l’avez fait ! 🌟

Récapitulons ! Aujourd’hui, vous avez appris à :

📝 Créer une liste avec [ ]
🔢 Compter les éléments avec .length
📦 Enregistrer des animaux et des clues dans des objects
🔁 Visiter chaque animal avec une boucle

Votre boîte d’animaux est pleine et prête. Passons maintenant aux clues ! 🚀

Questions Fréquemment Posées

La leçon « Une liste d’animaux » est-elle gratuite ?

Oui — le texte complet de « Une liste d’animaux » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Javascript for Kids, passe à CoddyKit PRO. Le cours Javascript for Kids comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Une liste d’animaux » ?

Stocker des indices sur les animaux Tu pratiques Javascript for Kids avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Javascript for Kids ?

Aucune expérience préalable n'est requise. Javascript for Kids sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.

Combien de temps prend la leçon « Une liste d’animaux » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Javascript for Kids ?

Oui. Chaque leçon Javascript for Kids inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

← Retour à Javascript for Kids