Javascript for Kids · Lección

Completar la historia

Use una plantilla

Completar la historia 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.

¡Es hora de rellenar la historia! 📖

¡Bienvenido de nuevo, creador de historias! 🌟 La última vez recopilamos palabras disparatadas en cajas (variables). 📦

Hoy colocaremos esas palabras en una plantilla de historia para crear algo divertido. 😂

¿Qué es una plantilla? 🧩

Una plantilla es una oración con espacios en blanco. 🧩

Por ejemplo: El ___ corrió hasta el ___. ¡Rellenamos los espacios con nuestras palabras! ✏️

let animal = 'cat';
console.log('The ' + animal + ' ran very fast!');

Unir palabras y texto ➕

Usamos el signo + para unir palabras y texto. ➕

Esto se llama unión (o «concatenación», ¡una palabra importante!). 🪄

let name = 'Zoey';
console.log('Hello, my name is ' + name + '!');

Dos espacios en blanco en una oración ✏️✏️

¡Las historias pueden tener más de un espacio en blanco! Vamos a completar dos a la vez. ✏️✏️

Observe cómo cada palabra se coloca en su lugar. 😄

let animal = 'frog';
let place = 'pond';
console.log('The ' + animal + ' jumped into the ' + place + '!');

Una plantilla más grande 📜

¡Vamos a crear una historia más larga con muchos espacios en blanco! 📜

¡Cuantas más palabras añadimos, más disparatada se vuelve! 🤪

let name = 'Max';
let animal = 'dragon';
let food = 'tacos';
console.log(name + ' rode a ' + animal + ' while eating ' + food + '!');

Añadir una palabra descriptiva 🌈

¡Los adjetivos hacen que las historias cobren vida! 🌈 Vamos a añadir uno a nuestra plantilla.

¡Un dragón brillante es mucho más divertido que uno sencillo! ✨

let adjective = 'sparkly';
let animal = 'dragon';
console.log('Look! A ' + adjective + ' ' + animal + ' flew by!');

Palabras de acción en las historias 🏃

¡Los verbos añaden acción a nuestra historia! 🏃

Vamos a colocar una palabra de acción en la oración. 💃

let name = 'Luna';
let verb = 'danced';
let place = 'kitchen';
console.log(name + ' ' + verb + ' all around the ' + place + '!');

Una historia de dos líneas 📰

¡Las historias pueden tener más de una línea! 📰

Vamos a mostrar dos oraciones que comparten las mismas palabras. 😎

let hero = 'Captain Sam';
let animal = 'penguin';
console.log(hero + ' found a tiny ' + animal + '.');
console.log('Then ' + hero + ' and the ' + animal + ' became best friends!');

Completar con nuestra colección 🎒

¿Recuerda las palabras que recopilamos? ¡Vamos a completar una historia entera con ellas! 🎒

Se utiliza cada casilla. 🎉

let person = 'Mia';
let adjective = 'wobbly';
let animal = 'robot';
let place = 'school';
console.log(person + ' built a ' + adjective + ' ' + animal + ' for ' + place + '!');

Una historia disparatada completa 🤣

¡Vamos a juntarlo TODO en una gran historia disparatada! 🤣

Este es el corazón de Story Maker. ❤️

let name = 'Theo';
let animal = 'unicorn';
let food = 'spaghetti';
let place = 'castle';
let sound = 'WHEEE';
console.log(name + ' rode a ' + animal + ' to the ' + place + '.');
console.log('They ate ' + food + ' and yelled ' + sound + '!');

¡Ha completado la historia! 🏆

¡Excelente trabajo! 🏆 Ha aprendido a:

🧩 Usar una plantilla con espacios en blanco
➕ Unir palabras y texto con +
📜 Completar muchos espacios en blanco para crear una historia disparatada

Siguiente lección: ¡mostrar su divertida historia! 🎬

Comprobación rápida ✅

¡Es hora de pensar! 🧠 ¿Qué símbolo usamos para unir palabras y texto?

Repaso de la lección 🎀

¡Excelente trabajo, creador de historias! 🎀 Hoy ha aprendido:

🧩 Una plantilla tiene espacios en blanco que completar
➕ Usar + para unir palabras y texto
📜 Cuantos más espacios en blanco, más disparatada es la historia

Siguiente paso: ¡mostrar el divertido resultado! 🎬

Preguntas frecuentes

¿La lección «Completar la historia» es gratis?

Sí — el texto completo de «Completar la historia» 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 «Completar la historia»?

Use una plantilla 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 «Completar la historia»?

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

← Volver a Javascript for Kids