Javascript for Kids · Aula

Exibindo a História

Imprima o resultado

Exibindo a História é uma aula grátis de Javascript for Kids no CoddyKit. Esta é a aula 3 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.

Mostre a sua história! 🎬

Olá, estrela! 🌟 Coletamos palavras e as inserimos em um modelo. 📖

Agora é hora do espetáculo! 🎬 Vamos mostrar o resultado divertido de um jeito especial!

Exibindo com console.log 🖨️

console.log é como mostramos palavras na tela! 🖨️

Ele funciona como uma pequena impressora para a nossa história. 😄

let name = 'Zoey';
console.log('Starring: ' + name + '! 🌟');

Um título para a história 📛

Toda história incrível tem um título! 📛

Vamos exibir um título elegante antes de a história começar. ✨

let hero = 'Max';
console.log('=== The Tale of ' + hero + ' ===');

Mostrando a história inteira 📜

Agora vamos mostrar a história completa, já preenchida! 📜

Esta é a grande revelação! 🎉

let name = 'Luna';
let animal = 'dragon';
let place = 'cave';
console.log(name + ' met a ' + animal + ' inside a dark ' + place + '!');

História em várias linhas 📰

Histórias longas ficam mais bonitas em várias linhas! 📰

Cada console.log exibe uma nova linha. 📄

let name = 'Theo';
let food = 'pancakes';
console.log('Once upon a time...');
console.log(name + ' loved eating ' + food + '.');
console.log('The End! 🎬');

Adicionando emojis para se divertir 🎉

Os emojis deixam a nossa história ainda mais engraçada e divertida! 🎉

Espalhe alguns deles para dar vida à história! 🦄

let animal = 'unicorn';
let place = 'rainbow';
console.log('🦄 The ' + animal + ' slid down the ' + place + '! 🌈');

Uma borda elegante 🖼️

Vamos emoldurar a nossa história com uma borda divertida! 🖼️

As bordas fazem a história parecer uma página de livro de verdade. 📚

let name = 'Mia';
console.log('********************');
console.log('  ' + name + ' the Brave!');
console.log('********************');

Mostrando uma história totalmente engraçada 🤣

Vamos revelar uma história engraçada completa, com título e emojis! 🤣

É exatamente isso que o nosso Criador de histórias cria! 🎊

let name = 'Captain Sam';
let animal = 'penguin';
let food = 'tacos';
console.log('🎬 ' + name + ' and the Magic ' + animal);
console.log(name + ' fed ' + food + ' to a ' + animal + '!');
console.log('Everyone cheered! 🎉');

Uma função de exibição 🤖

Vamos criar uma pequena máquina (função) que mostra a história! 🤖

Fornecemos palavras a ela, e ela exibe a história inteira! 🎬

function showStory(name, animal) {
  console.log('🌟 ' + name + ' found a ' + animal + '!');
  console.log('They became best friends. ❤️');
}
showStory('Zoey', 'fox');

Mostre duas histórias! 📚

Com a nossa máquina, podemos mostrar quantas histórias quisermos! 📚

Basta chamá-la novamente com palavras diferentes! 🔁

function showStory(name, animal) {
  console.log('🌟 ' + name + ' rode a ' + animal + '! 🎉');
}
showStory('Max', 'dragon');
showStory('Luna', 'whale');

Você mostrou a história! 🏆

Trabalho maravilhoso, contador de histórias! 🏆 Você aprendeu a:

🖨️ Mostrar palavras com console.log
📛 Adicionar um título e 🖼️ uma borda
🤖 Usar uma função para exibir a história inteira

Próxima lição: crie o seu OWN modelo de história! ✏️

Verificação rápida ✅

Hora de pensar! 🧠 Qual comando usamos para mostrar a nossa história na tela?

Recapitulação da lição 🎀

Ótimo trabalho, apresentador! 🎀 Hoje você aprendeu:

🖨️ console.log mostra a nossa história
📛 Títulos e 🖼️ bordas deixam tudo mais bonito
🤖 Uma função pode mostrar a história inteira

Próximo passo: crie a sua própria história! ✏️

Perguntas Frequentes

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

Sim — o texto completo de “Exibindo 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 “Exibindo a História”?

Imprima o resultado 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 3 de 4.

Quanto tempo leva a aula “Exibindo 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