Dibujar patrones con bucles
Imprima formas y patrones divertidos.
Dibujar patrones con bucles es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 4 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.
Dibujar con bucles 🎨
¡Hola, artista de los patrones! 🌟 ¡Los bucles pueden DIBUJAR imágenes con estrellas y formas!
Vamos a crear juntos unos patrones geniales. ⭐
for (let i = 0; i < 3; i++) {
console.log("*")
}Una fila de estrellas ⭐
¡Vamos a mostrar una línea vertical de estrellas!
Cada iteración añade una estrella. 🌟
for (let i = 0; i < 5; i++) {
console.log("*")
}Estrellas en una línea ➖
¡Podemos construir una línea AÑADIENDO estrellas a un contenedor!
Cada iteración añade un * más a la línea. 🪄
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
}
console.log(line)Construir una línea 🧱
¡Añadimos estrellas una a una para hacer la línea más larga!
Observe cómo crece la línea en cada iteración. 📈
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "*"
console.log(line)
}Un triángulo creciente 🔺
¡Si mostramos la línea a medida que crece, formamos un triángulo!
Una estrella, dos estrellas, tres estrellas... 🔺
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
console.log(line)
}Corazones en lugar de estrellas 💖
¡Podemos usar CUALQUIER símbolo! Vamos a crear un triángulo de corazones.
Qué bonito. 💕
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "💖"
console.log(line)
}Un cuadrado de estrellas 🟦
¡Vamos a mostrar 3 filas con 3 estrellas cada una!
Así formamos un pequeño cuadrado. ⬛
for (let i = 0; i < 3; i++) {
console.log("***")
}Patrones con números 🔢
¡También podemos crear un patrón de números!
Cada fila muestra el número de la iteración. 🪜
for (let i = 1; i <= 5; i++) {
console.log("Row " + i)
}Un patrón de escalera 🪜
¡Añada un espacio y un símbolo cada vez para formar una escalera!
¡Subiendo! 🧗
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "= "
console.log(line)
}Puntos arcoíris 🌈
¡Vamos a crear una fila colorida de puntos!
Cambie el número para hacerla más larga. 🔴🟠🟡
let dots = ""
for (let i = 0; i < 6; i++) {
dots = dots + "🔴"
}
console.log(dots)Su propio patrón 🧒
¡Cambie el símbolo y el número para dibujar SU propio patrón!
¡Sea creativo! 🎨
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "⭐"
console.log(line)
}Comprobación rápida ✅
¡Pregunta sobre patrones! ¡Es increíble! 🎨
¡Artista de los patrones! 🏆
¡Maravilloso! 🎉 Hoy ha aprendido:
- Los bucles pueden dibujar patrones
- Añada símbolos a un contenedor para hacer crecer las líneas
- Muestre la línea en cada iteración para formar figuras como triángulos
¡Ha terminado Bucle sin fin! ¡Es todo un profesional de los patrones! ⭐
for (let i = 0; i < 1; i++) {
console.log("I can draw with loops! 🎨")
}Preguntas frecuentes
¿La lección «Dibujar patrones con bucles» es gratis?
Sí — el texto completo de «Dibujar patrones con bucles» 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 «Dibujar patrones con bucles»?
Imprima formas y patrones divertidos. 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 4 de 4.
¿Cuánto tiempo toma la lección «Dibujar patrones con bucles»?
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.
Todas las lecciones de este curso
- Por qué usamos bucles
- Contar con un bucle for
- Repetición con while
- Dibujar patrones con bucles