Javascript for Kids · Leçon

Compléter l’histoire

Utiliser un modèle

Compléter l’histoire est une leçon Javascript for Kids gratuite sur CoddyKit. Ceci est la leçon 2 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.

Il est temps de remplir l'histoire ! 📖

Bon retour, créateur d'histoires ! 🌟 La dernière fois, nous avons rassemblé des mots loufoques dans des boîtes (variables). 📦

Aujourd'hui, nous allons insérer ces mots dans un modèle d'histoire pour créer quelque chose de drôle ! 😂

Qu'est-ce qu'un modèle ? 🧩

Un modèle est une phrase contenant des espaces vides. 🧩

Par exemple : Le ___ a couru jusqu'au ___. Nous remplissons les espaces avec nos mots ! ✏️

let animal = 'cat';
console.log('The ' + animal + ' ran very fast!');

Assembler des mots et du texte ➕

Nous utilisons le signe + pour relier les mots et le texte ! ➕

Cela s'appelle la mise bout à bout (ou « concaténation », un grand mot !). 🪄

let name = 'Zoey';
console.log('Hello, my name is ' + name + '!');

Deux espaces dans une phrase ✏️✏️

Les histoires peuvent avoir plusieurs espaces à remplir ! Remplissons-en deux à la fois. ✏️✏️

Regardez comment chaque mot se glisse à sa place. 😄

let animal = 'frog';
let place = 'pond';
console.log('The ' + animal + ' jumped into the ' + place + '!');

Un modèle plus grand 📜

Construisons une histoire plus longue avec beaucoup d'espaces à remplir ! 📜

Plus nous ajoutons de mots, plus elle devient amusante ! 🤪

let name = 'Max';
let animal = 'dragon';
let food = 'tacos';
console.log(name + ' rode a ' + animal + ' while eating ' + food + '!');

Ajouter un mot descriptif 🌈

Les adjectifs donnent du relief aux histoires ! 🌈 Ajoutons-en un à notre modèle.

Un dragon étincelant est bien plus amusant qu'un dragon ordinaire ! ✨

let adjective = 'sparkly';
let animal = 'dragon';
console.log('Look! A ' + adjective + ' ' + animal + ' flew by!');

Les mots d'action dans les histoires 🏃

Les verbes ajoutent de l'action à notre histoire ! 🏃

Glissons un mot d'action directement dans la phrase. 💃

let name = 'Luna';
let verb = 'danced';
let place = 'kitchen';
console.log(name + ' ' + verb + ' all around the ' + place + '!');

Une histoire en deux lignes 📰

Les histoires peuvent avoir plusieurs lignes ! 📰

Affichons deux phrases qui partagent les mêmes mots. 😎

let hero = 'Captain Sam';
let animal = 'penguin';
console.log(hero + ' found a tiny ' + animal + '.');
console.log('Then ' + hero + ' and the ' + animal + ' became best friends!');

Remplir avec notre collection 🎒

Vous souvenez-vous des mots que nous avons collectionnés ? Remplissons une histoire entière avec eux ! 🎒

Chaque case est utilisée. 🎉

let person = 'Mia';
let adjective = 'wobbly';
let animal = 'robot';
let place = 'school';
console.log(person + ' built a ' + adjective + ' ' + animal + ' for ' + place + '!');

Une histoire complètement amusante 🤣

Mettons ALL ensemble dans une grande histoire amusante ! 🤣

Voilà le cœur de notre générateur d'histoires ! ❤️

let name = 'Theo';
let animal = 'unicorn';
let food = 'spaghetti';
let place = 'castle';
let sound = 'WHEEE';
console.log(name + ' rode a ' + animal + ' to the ' + place + '.');
console.log('They ate ' + food + ' and yelled ' + sound + '!');

Vous avez rempli l'histoire ! 🏆

Excellent travail ! 🏆 Vous avez appris à :

🧩 Utiliser un modèle avec des espaces à remplir
➕ Relier des mots et du texte avec +
📜 Remplir de nombreux espaces pour créer une histoire amusante

Prochaine leçon : présenter votre histoire drôle ! 🎬

Vérification rapide ✅

C'est le moment de réfléchir ! 🧠 Quel symbole utilisons-nous pour relier les mots et le texte ?

Récapitulatif de la leçon 🎀

Super travail, remplisseur d'histoires ! 🎀 Aujourd'hui, vous avez appris :

🧩 Un modèle contient des espaces à remplir
➕ Utiliser + pour relier les mots et le texte
📜 Davantage d'espaces donnent une histoire plus amusante

Ensuite : afficher le résultat drôle ! 🎬

Questions Fréquemment Posées

La leçon « Compléter l’histoire » est-elle gratuite ?

Oui — le texte complet de « Compléter l’histoire » 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 « Compléter l’histoire » ?

Utiliser un modèle 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 2 sur 4.

Combien de temps prend la leçon « Compléter l’histoire » ?

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