Desenhando padrões com loops
Exiba formas e padrões divertidos.
Desenhando padrões com loops é uma aula grátis de Javascript for Kids no CoddyKit. Esta é a aula 4 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.
Desenhando com Loops 🎨
Olá, artista de padrões! 🌟 Loops podem DRAW imagens com estrelas e formas!
Vamos criar padrões legais juntos. ⭐
for (let i = 0; i < 3; i++) {
console.log("*")
}Uma Fileira de Estrelas ⭐
Vamos imprimir uma line de estrelas descendo!
Cada loop adiciona uma estrela. 🌟
for (let i = 0; i < 5; i++) {
console.log("*")
}Estrelas em uma Line ➖
Podemos construir uma line ADDING estrelas a uma caixa!
Cada loop adiciona mais um * à line. 🪄
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
}
console.log(line)Construindo uma Palavra 🧱
Adicionamos estrelas uma a uma para deixar a line mais longa!
Observe a line crescer a cada volta. 📈
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "*"
console.log(line)
}Um Triângulo Crescente 🔺
Se imprimirmos a line enquanto ela cresce, formamos um triângulo!
Uma estrela, duas estrelas, três estrelas... 🔺
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
console.log(line)
}Corações em vez de Estrelas 💖
Podemos usar ANY símbolo! Vamos criar um triângulo de corações.
Que meigo. 💕
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "💖"
console.log(line)
}Uma Caixa de Estrelas 🟦
Vamos imprimir 3 linhas, cada uma com 3 estrelas!
Isso forma um pequeno quadrado. ⬛
for (let i = 0; i < 3; i++) {
console.log("***")
}Padrões de Contagem 🔢
Também podemos criar um padrão numérico!
Cada linha mostra o número do loop. 🪜
for (let i = 1; i <= 5; i++) {
console.log("Row " + i)
}Um Padrão de Escada 🪜
Adicione um espaço e um símbolo a cada vez para criar uma escada!
Subindo! 🧗
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "= "
console.log(line)
}Pontos Arco-Íris 🌈
Vamos criar uma line colorida de dots!
Altere o número para deixá-la mais longa. 🔴🟠🟡
let dots = ""
for (let i = 0; i < 6; i++) {
dots = dots + "🔴"
}
console.log(dots)Seu Próprio Padrão 🧒
Altere o símbolo e o número para DRAW YOUR próprio padrão!
Seja criativo! 🎨
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "⭐"
console.log(line)
}Verificação Rápida ✅
Pergunta sobre padrões! Você é incrível! 🎨
Artista de Padrões! 🏆
Maravilhoso! 🎉 Hoje você aprendeu:
- Loops podem desenhar padrões
- Adicione símbolos a uma caixa para fazer as linhas crescerem
- Imprima a line a cada loop para criar formas como triângulos
Você terminou Loop sem Fim! Profissional dos padrões! ⭐
for (let i = 0; i < 1; i++) {
console.log("I can draw with loops! 🎨")
}Perguntas Frequentes
A aula “Desenhando padrões com loops” é grátis?
Sim — o texto completo de “Desenhando padrões com loops” é 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 “Desenhando padrões com loops”?
Exiba formas e padrões divertidos. 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 4 de 4.
Quanto tempo leva a aula “Desenhando padrões com loops”?
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
- Por que usamos loops
- Contando com um loop for
- Repetindo com while
- Desenhando padrões com loops