Dessiner des motifs avec des boucles
Affichez des formes et des motifs amusants.
Dessiner des motifs avec des boucles 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.
Dessiner avec des boucles 🎨
Bonjour, peintre de motifs ! 🌟 Les boucles peuvent DRAW des images avec des étoiles et des formes !
Créons ensemble de jolis motifs. ⭐
for (let i = 0; i < 3; i++) {
console.log("*")
}Une rangée d'étoiles ⭐
Affichons une ligne d'étoiles vers le bas !
Chaque boucle ajoute une étoile. 🌟
for (let i = 0; i < 5; i++) {
console.log("*")
}Des étoiles en ligne ➖
Nous pouvons construire une ligne en ADDING des étoiles dans une boîte !
Chaque boucle ajoute un * de plus à la ligne. 🪄
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
}
console.log(line)Construire un mot 🧱
Nous ajoutons les étoiles une par une pour allonger la ligne !
Regardez la ligne grandir à chaque tour. 📈
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "*"
console.log(line)
}Un triangle qui grandit 🔺
Si nous affichons la ligne au fur et à mesure qu'elle grandit, nous formons un triangle !
Une étoile, deux étoiles, trois étoiles... 🔺
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
console.log(line)
}Des cœurs à la place des étoiles 💖
Nous pouvons utiliser ANY symbole ! Créons un triangle de cœurs.
C'est adorable. 💕
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "💖"
console.log(line)
}Un carré d'étoiles 🟦
Affichons 3 lignes comportant chacune 3 étoiles !
Cela forme un petit carré. ⬛
for (let i = 0; i < 3; i++) {
console.log("***")
}Motifs de nombres 🔢
Nous pouvons aussi créer un motif de nombres !
Chaque ligne affiche le numéro de la boucle. 🪜
for (let i = 1; i <= 5; i++) {
console.log("Row " + i)
}Un motif en escalier 🪜
Ajoutez un espace et un symbole à chaque fois pour créer un escalier !
En route vers le haut ! 🧗
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "= "
console.log(line)
}Points arc-en-ciel 🌈
Créons une ligne colorée de points !
Changez le nombre pour la rendre plus longue. 🔴🟠🟡
let dots = ""
for (let i = 0; i < 6; i++) {
dots = dots + "🔴"
}
console.log(dots)Votre propre motif 🧒
Changez le symbole et le nombre pour DRAW votre propre motif !
Soyez créatif ! 🎨
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "⭐"
console.log(line)
}Vérification rapide ✅
Question sur les motifs ! Vous êtes incroyable ! 🎨
Peintre de motifs ! 🏆
Merveilleux ! 🎉 Aujourd'hui, vous avez appris que :
- Les boucles peuvent DRAW des motifs
- Ajouter des symboles dans une boîte permet de faire grandir les lignes
- Afficher la ligne à chaque boucle permet de créer des formes comme des triangles
Vous avez terminé « Boucle-boucle » ! Vous êtes un pro des motifs ! ⭐
for (let i = 0; i < 1; i++) {
console.log("I can draw with loops! 🎨")
}Questions Fréquemment Posées
La leçon « Dessiner des motifs avec des boucles » est-elle gratuite ?
Oui — le texte complet de « Dessiner des motifs avec des boucles » 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 « Dessiner des motifs avec des boucles » ?
Affichez des formes et des motifs amusants. 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 « Dessiner des motifs avec des boucles » ?
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
- Pourquoi utiliser des boucles ?
- Compter avec une boucle for
- Répéter avec while
- Dessiner des motifs avec des boucles