Lignes et colonnes
Créer une grille
Lignes et colonnes 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.
Créez une grille ! 🟦🟦
Une grille ressemble à un damier ou à une fenêtre composée de petits carrés ! Elle possède des lignes (à l’horizontale) et des colonnes (à la verticale). ⬜⬜⬜
Les boucles imbriquées sont PERFECT pour dessiner des grilles !
Construire une ligne 📏
Pour construire ONE ligne d’étoiles, nous pouvons les joindre en utilisant + dans une chaîne de caractères.
Construisons le texte d’une ligne étape par étape !
let row = ''
for (let col = 1; col <= 4; col++) {
row = row + '*'
}
console.log(row)Que s’est-il passé ? 🔍
Nous avons commencé avec un mot EMPTY ''. Chaque boucle a ajouté un *. Il a donc grandi ainsi : *, **, ***, **** !
Nous avons ensuite affiché la ligne terminée. Astucieux ! ✨
let row = ''
for (let col = 1; col <= 3; col++) {
row = row + '*'
console.log(row)
}Plusieurs lignes 📚
Enveloppons maintenant cela dans une boucle OUTER pour créer plusieurs lignes ! Outer = lignes, inner = colonnes.
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + '*'
}
console.log(row)
}Un carré de 4 sur 4 🟦
Créons un carré parfait ! 4 lignes et 4 colonnes d’étoiles.
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + '*'
}
console.log(row)
}Utilisez des émojis ! 🎨
Pourquoi utiliser de banales étoiles ? Construisons une grille de cœurs ! 💖
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 3; c++) {
row = row + '💖'
}
console.log(row)
}Un rectangle large ▭
Le nombre de lignes et de colonnes ne doit pas forcément être identique ! Créons un rectangle large : 2 lignes et 6 colonnes.
for (let r = 1; r <= 2; r++) {
let row = ''
for (let c = 1; c <= 6; c++) {
row = row + '🟩'
}
console.log(row)
}Grille de nombres 🔢
Au lieu d’étoiles, remplissons la grille avec le numéro de la colonne !
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + c
}
console.log(row)
}Grille haute 🏢
Construisons une grande tour ! 6 lignes et 2 colonnes de blocs. 🧱
for (let r = 1; r <= 6; r++) {
let row = ''
for (let c = 1; c <= 2; c++) {
row = row + '🧱'
}
console.log(row)
}Ajouter des espaces 🔲
Placez un espace entre les symboles pour les écarter ! Utilisez '* ' avec un espace.
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + '* '
}
console.log(row)
}À vous de construire 🌟
Remplacez les cœurs par des étoiles 🌟 ou modifiez la taille ! Modifiez le code et exécutez-le pour créer YOUR grille.
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= 5; c++) {
row = row + '🌟'
}
console.log(row)
}Vérification rapide ✅
Vérifiez vos connaissances sur les grilles ! 🧠
Récapitulatif des lignes et colonnes 🎉
De magnifiques grilles ! 🟦 Vous avez appris à les construire.
- La boucle Outer = les lignes
- La boucle Inner = les colonnes
- Construisez le texte d’une ligne avec
row = row + symbol, puis affichez-le
Ensuite : des triangles d’étoiles qui grandissent ! 🔺
Questions Fréquemment Posées
La leçon « Lignes et colonnes » est-elle gratuite ?
Oui — le texte complet de « Lignes et colonnes » 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 « Lignes et colonnes » ?
Créer une grille 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 « Lignes et colonnes » ?
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
- Une boucle dans une boucle
- Lignes et colonnes
- Triangles d’étoiles
- Une table de multiplication