Filas y columnas
Cree una cuadrícula
Filas y columnas es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Javascript for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Javascript for Kids incluye 4 lecciones en total.
¡Cree una cuadrícula! 🟦🟦
¡Una cuadrícula es como un tablero de ajedrez o una ventana con cuadraditos! Tiene filas (horizontales) y columnas (verticales). ⬜⬜⬜
¡Los bucles anidados son PERFECTOS para dibujar cuadrículas!
Construir una fila 📏
Para construir UNA fila de estrellas, podemos unirlas usando + en una cadena.
¡Construyamos el texto de una fila paso a paso!
let row = ''
for (let col = 1; col <= 4; col++) {
row = row + '*'
}
console.log(row)¿Qué ocurrió? 🔍
Comenzamos con una cadena VACÍA ''. Cada vuelta añadió un *. Así creció: *, **, ***, ****.
Después imprimimos la fila terminada. ¡Qué bien! ✨
let row = ''
for (let col = 1; col <= 3; col++) {
row = row + '*'
console.log(row)
}Muchas filas 📚
¡Ahora coloque eso dentro de un bucle EXTERIOR para crear muchas filas! El exterior representa las filas y el interior, las columnas.
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + '*'
}
console.log(row)
}Un cuadrado de 4 por 4 🟦
¡Hagamos un cuadrado perfecto! 4 filas y 4 columnas de estrellas.
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + '*'
}
console.log(row)
}¡Use emojis! 🎨
¿Por qué usar estrellas aburridas? ¡Construyamos una cuadrícula de corazones! 💖
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 3; c++) {
row = row + '💖'
}
console.log(row)
}Un rectángulo ancho ▭
¡Las filas y las columnas no tienen que coincidir! Hagamos un rectángulo ancho: 2 filas y 6 columnas.
for (let r = 1; r <= 2; r++) {
let row = ''
for (let c = 1; c <= 6; c++) {
row = row + '🟩'
}
console.log(row)
}Cuadrícula de números 🔢
En lugar de estrellas, ¡rellenemos la cuadrícula con el número de la columna!
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + c
}
console.log(row)
}Cuadrícula alta 🏢
¡Hagamos una torre alta! 6 filas y 2 columnas de bloques. 🧱
for (let r = 1; r <= 6; r++) {
let row = ''
for (let c = 1; c <= 2; c++) {
row = row + '🧱'
}
console.log(row)
}Añadir espacios 🔲
¡Coloque un espacio entre los símbolos para separarlos! Use '* ', que incluye un espacio.
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + '* '
}
console.log(row)
}Ahora le toca construir 🌟
Cambie los corazones por estrellas 🌟 o cambie el tamaño. ¡Edite el código y ejecútelo para crear SU cuadrícula!
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= 5; c++) {
row = row + '🌟'
}
console.log(row)
}Comprobación rápida ✅
¡Compruebe sus conocimientos sobre cuadrículas! 🧠
Repaso de filas y columnas 🎉
¡Qué bonitas cuadrículas! 🟦 Ha aprendido a construirlas.
- El bucle exterior representa las filas
- El bucle interior representa las columnas
- Construya el texto de una fila con
row = row + symboly después imprímalo
Siguiente: ¡triángulos de estrellas que crecen! 🔺
Preguntas frecuentes
¿La lección «Filas y columnas» es gratis?
Sí — el texto completo de «Filas y columnas» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Javascript for Kids, actualiza a CoddyKit PRO. El curso de Javascript for Kids incluye 4 lecciones en total.
¿Qué aprenderé en «Filas y columnas»?
Cree una cuadrícula Practicas Javascript for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Javascript for Kids?
No se requiere experiencia previa. Javascript for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Filas y columnas»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Javascript for Kids?
Sí. Cada lección de Javascript for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.