Javascript for Kids · Lección

Imágenes con emojis

Dibuje con emojis

Lección 3 de 413 pasos

Imágenes con emojis es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 3 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.

¡Dibuje con emojis! 🖼️

¡Hola, artista de los emojis! 🌟 Ya puede crear filas de emojis. ¡Ahora vamos a dibujar imágenes! 🖼️

¡Al mostrar filas una encima de otra, creamos formas y arte! 🎨 ¡Empecemos!

Las filas crean imágenes 🧱

¡Una imagen no es más que varias filas apiladas unas sobre otras! 🧱

Cada console.log representa una fila de nuestro dibujo. 🎨

console.log('⬜⬜⬜');
console.log('⬜⬜⬜');
console.log('⬜⬜⬜');

Dibujar un corazón ❤️

¡Vamos a dibujar una forma sencilla de corazón! ❤️

Elija dónde colocar los bloques rojos para crear la forma. 💕

console.log('❤️⬜❤️');
console.log('❤️❤️❤️');
console.log('⬜❤️⬜');

Dibujar un árbol 🌳

¡Vamos a hacer crecer un árbol de emojis! 🌳

Hojas verdes arriba y un tronco marrón abajo. 🤎

console.log('⬜🌲⬜');
console.log('🌲🌲🌲');
console.log('⬜🟫⬜');

Dibujar una cara sonriente 😊

¡Es hora de dibujar una cara feliz! 😊

Dos ojos arriba y una gran sonrisa debajo. 😄

console.log('👁️⬜👁️');
console.log('⬜👃⬜');
console.log('😁😁😁');

Dibujar una casa 🏠

¡Vamos a construir una casa de emojis! 🏠

Un tejado puntiagudo arriba y paredes debajo. 🧱

console.log('⬜🔺⬜');
console.log('🟥🟥🟥');
console.log('🟥🚪🟥');

Guardar filas en variables 📦

Podemos guardar cada fila en una variable y después mostrarla. 📦

Así mantenemos nuestra imagen ordenada. ✨

let top = '⭐⭐⭐';
let middle = '⭐⬜⭐';
let bottom = '⭐⭐⭐';
console.log(top);
console.log(middle);
console.log(bottom);

Dibujar un cohete 🚀

3, 2, 1... ¡vamos a dibujar un cohete! 🚀

¡Punta, cuerpo y fuego en la parte inferior! 🔥

console.log('⬜🔺⬜');
console.log('⬜🚀⬜');
console.log('🔥🔥🔥');

Una función para dibujar imágenes 🤖

¡Vamos a crear una función que dibuje nuestra imagen! 🤖

¡Llámela cuando quiera para mostrar la obra de arte! 🎨

function drawCat() {
  console.log('🐱🐱🐱');
  console.log('🐱👀🐱');
  console.log('🐱👅🐱');
}
drawCat();

Dibujar un cielo con arcoíris 🌈

¡Vamos a dibujar una alegre escena del cielo! 🌈

¡El sol, las nubes y un arcoíris, todo junto! ☀️

console.log('☀️⬜☁️');
console.log('🌈🌈🌈');
console.log('🌳🏠🌳');

¡Ha dibujado imágenes con emojis! 🏆

¡Arte increíble, creador de imágenes! 🏆 Ha aprendido a:

  • 🧱 Apilar filas para crear una imagen
  • 📦 Guardar filas en variables
  • 🤖 Usar una función para dibujar arte

Siguiente lección: ¡crear SU PROPIA obra de arte con emojis! 🎨

Comprobación rápida ✅

¡Es hora de pensar! 🧠 ¿Cómo creamos una imagen de emojis en la pantalla?

Repaso de la lección 🎀

¡Excelente trabajo, artista de los emojis! 🎀 Hoy ha aprendido:

  • 🧱 Las imágenes son filas apiladas
  • 📦 Las variables mantienen las filas ordenadas
  • 🤖 Una función puede dibujar arte

Siguiente paso: ¡su propia obra de arte con emojis! 🎨

Gratis para empezar

Aprende JavaScript con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
35
Lecciones
140

Preguntas frecuentes

¿La lección «Imágenes con emojis» es gratis?

Sí — el texto completo de «Imágenes con emojis» 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 «Imágenes con emojis»?

Dibuje con emojis 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 3 de 4.

¿Cuánto tiempo toma la lección «Imágenes con emojis»?

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

  1. Imprimir emojis
  2. Filas de emojis
  3. Imágenes con emojis
  4. Su propio arte
← Volver a Javascript for Kids