Générateur de motifs
Créer un générateur
Générateur de motifs est une leçon Javascript for Kids gratuite sur CoddyKit. Ceci est la leçon 4 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.
Construisez un afficheur de motifs ! 🖨️
Bonjour, pro des motifs ! 🔢 Aujourd'hui, nous allons construire un afficheur de motifs ! 🖨️
Nous afficherons des formes et des motifs amusants faits d'étoiles et de nombres ! Créons des œuvres d'art avec du code ! 🎨
Affichez une étoile ⭐
Commençons simplement. Affichez une étoile ! ⭐
Un motif, c'est simplement un grand nombre de ces éléments réunis ! 🌟
console.log('*');Une ligne d'étoiles ✨
Affichons une ligne d'étoiles à l'aide d'une boucle ! ✨
La boucle affiche une étoile à la fois, 5 fois ! 🔁
for (let i = 1; i <= 5; i = i + 1) {
console.log('*');
}Des étoiles sur une seule ligne 📏
Pour placer les étoiles côte à côte, nous construisons d'abord une chaîne de caractères ! 📏
Nous ajoutons une étoile à chaque fois, puis nous affichons toute la ligne ! ➕
let line = '';
for (let i = 1; i <= 5; i = i + 1) {
line = line + '*';
}
console.log(line);Un triangle grandissant 🔺
Voici la magie ! Créons un triangle qui grandit ! 🔺
La ligne 1 contient 1 étoile, la ligne 2 en contient 2, et ainsi de suite ! 📐
for (let row = 1; row <= 5; row = row + 1) {
let line = '';
for (let star = 1; star <= row; star = star + 1) {
line = line + '*';
}
console.log(line);
}Une boucle INSIDE une autre boucle ! 🔁🔁
Waouh ! Nous avons utilisé une boucle INSIDE une autre boucle ! 🔁🔁
La boucle extérieure crée les lignes. La boucle intérieure crée les étoiles de chaque ligne. Quel travail d'équipe ! 🤝
for (let row = 1; row <= 4; row = row + 1) {
let line = '';
for (let s = 1; s <= row; s = s + 1) {
line = line + '⭐';
}
console.log(line);
}Une pyramide de nombres 🔢
Affichons des nombres au lieu d'étoiles ! 🔢
Chaque ligne affiche le numéro de la ligne autant de fois ! Quelle pyramide amusante ! 🏔️
for (let row = 1; row <= 5; row = row + 1) {
let line = '';
for (let n = 1; n <= row; n = n + 1) {
line = line + row;
}
console.log(line);
}Un motif qui compte 📈
Affichons des lignes qui comptent : 1, puis 1 2, puis 1 2 3 ! 📈
Quel bel escalier ! 🪜
for (let row = 1; row <= 4; row = row + 1) {
let line = '';
for (let n = 1; n <= row; n = n + 1) {
line = line + n + ' ';
}
console.log(line);
}Une machine à afficher des motifs 🛠️
Créons une machine qui affiche un triangle de n'importe quelle taille ! 🛠️
Indiquez-lui le nombre de lignes et elle dessinera le triangle ! 🔺
function printTriangle(size) {
for (let row = 1; row <= size; row = row + 1) {
let line = '';
for (let s = 1; s <= row; s = s + 1) line = line + '*';
console.log(line);
}
}
printTriangle(6);Mettez-y de la couleur 🌈
Utilisons des émojis pour mettre de la couleur dans notre motif ! 🌈
Un triangle arc-en-ciel ! Essayez de changer l'émoji ! 🎨
function printTriangle(size) {
for (let row = 1; row <= size; row = row + 1) {
let line = '';
for (let s = 1; s <= row; s = s + 1) line = line + '🌈';
console.log(line);
}
}
printTriangle(5);Vous avez construit un afficheur de motifs ! 🏆
INCREDIBLE ! 🏆 Vous avez terminé le cours sur les motifs de nombres !
- ✨ Construire des lignes avec une boucle
- 🔁🔁 Une boucle INSIDE une autre boucle crée des formes
- 🔺 Des triangles, des pyramides et des escaliers
Vous êtes maintenant un artiste des motifs ! 🎨
Vérification rapide ✅
Dernière question de calcul mental ! 🧠 Pour créer une forme triangulaire, qu'utilisons-nous ?
Récapitulatif de la leçon 🎀
Bravo, artiste des motifs ! 🎀 Vous avez terminé le cours sur les motifs de nombres ! Vous avez appris à :
- ✨ Construire une ligne d'étoiles avec une boucle
- 🔁🔁 Utiliser des boucles imbriquées pour créer des formes
- 🔺 Créer des triangles et des pyramides
- 🌈 Ajouter des émojis pour mettre de la couleur
Quel travail remarquable ! 🌟
Questions Fréquemment Posées
La leçon « Générateur de motifs » est-elle gratuite ?
Oui — le texte complet de « Générateur de motifs » 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 « Générateur de motifs » ?
Créer un générateur 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 4 sur 4.
Combien de temps prend la leçon « Générateur de motifs » ?
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
- Pair et impair
- Compter de manière espacée
- Motifs de multiplication
- Générateur de motifs