Javascript for Kids · Aula

Preenchendo a História

Use um modelo

Preenchendo a História é uma aula grátis de Javascript for Kids no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Javascript for Kids, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Javascript for Kids inclui 4 aulas no total.

Hora de preencher a história! 📖

Boas-vindas de volta, criador de histórias! 🌟 Da última vez, coletamos palavras bobas em caixas (variáveis). 📦

Hoje vamos colocar essas palavras em um modelo de história para criar algo engraçado! 😂

O que é um modelo? 🧩

Um modelo é uma frase com espaços em branco. 🧩

Como: O ___ correu até o ___. Nós preenchemos os espaços com nossas palavras! ✏️

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

Juntando palavras e texto ➕

Usamos o sinal + para juntar palavras e textos! ➕

Isso se chama junção (ou “concatenação”, uma palavra difícil!). 🪄

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

Dois espaços em branco em uma frase ✏️✏️

As histórias podem ter mais de um espaço em branco! Vamos preencher dois de uma vez. ✏️✏️

Observe como cada palavra desliza para o seu lugar. 😄

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

Um modelo maior 📜

Vamos criar uma história mais longa, com muitos espaços em branco! 📜

Quanto mais palavras adicionamos, mais engraçada ela fica! 🤪

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

Adicionando uma palavra descritiva 🌈

Os adjetivos deixam as histórias mais interessantes! 🌈 Vamos colocar um no nosso modelo.

Um dragão brilhante é muito mais divertido do que um dragão comum! ✨

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

Palavras de ação nas histórias 🏃

Os verbos acrescentam ação à nossa história! 🏃

Vamos inserir uma palavra de ação na frase. 💃

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

Uma história em duas linhas 📰

As histórias podem ter mais de uma linha! 📰

Vamos exibir duas frases que compartilham as mesmas palavras. 😎

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

Preenchendo com a nossa coleção 🎒

Lembra das palavras que coletamos? Vamos preencher uma história inteira com elas! 🎒

Cada caixa será usada. 🎉

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

Uma história totalmente engraçada 🤣

Vamos juntar ALL em uma grande história engraçada! 🤣

Este é o coração do nosso Criador de histórias! ❤️

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 + '!');

Você preencheu a história! 🏆

Trabalho fantástico! 🏆 Você aprendeu a:

🧩 Usar um modelo com espaços em branco
➕ Juntar palavras e textos com +
📜 Preencher muitos espaços em branco para criar uma história engraçada

Próxima lição: mostrar a sua história divertida! 🎬

Verificação rápida ✅

Hora de pensar! 🧠 Que símbolo usamos para juntar palavras e textos?

Recapitulação da lição 🎀

Ótimo trabalho, preenchendo histórias! 🎀 Hoje você aprendeu:

🧩 Um modelo tem espaços em branco para preencher
➕ Usar + para juntar palavras e textos
📜 Mais espaços em branco significam uma história mais engraçada

Próximo passo: mostrar o resultado divertido! 🎬

Perguntas Frequentes

A aula “Preenchendo a História” é grátis?

Sim — o texto completo de “Preenchendo a História” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Javascript for Kids, atualize para CoddyKit PRO. O curso de Javascript for Kids inclui 4 aulas no total.

O que vou aprender em “Preenchendo a História”?

Use um modelo Você pratica Javascript for Kids com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Javascript for Kids?

Nenhuma experiência prévia é necessária. Javascript for Kids no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.

Quanto tempo leva a aula “Preenchendo a História”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Javascript for Kids?

Sim. Cada aula de Javascript for Kids inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Javascript for Kids