Javascript for Kids · Aula

Linhas e Colunas

Crie uma grade

Linhas e Colunas é 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.

Crie uma grade! 🟦🟦

Uma grade é como um tabuleiro de damas ou uma janela com pequenos quadrados! Ela tem linhas (na horizontal) e colunas (na vertical). ⬜⬜⬜

Loops aninhados são PERFECT para desenhar grades!

Construindo uma linha 📏

Para construir ONE linha de estrelas, podemos juntá-las usando + em uma string.

Vamos construir o texto de uma linha passo a passo!

let row = ''
for (let col = 1; col <= 4; col++) {
  row = row + '*'
}
console.log(row)

O que aconteceu? 🔍

Começamos com uma palavra EMPTY ''. Cada loop adicionou um *. Então ela cresceu: *, **, ***, ****!

Depois, mostramos a linha pronta. Legal! ✨

let row = ''
for (let col = 1; col <= 3; col++) {
  row = row + '*'
  console.log(row)
}

Muitas linhas 📚

Agora envolva isso em um loop OUTER para criar muitas linhas! Externo = linhas, interno = colunas.

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '*'
  }
  console.log(row)
}

Um quadrado 4 por 4 🟦

Vamos criar um quadrado perfeito! 4 linhas e 4 colunas de estrelas.

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '*'
  }
  console.log(row)
}

Use emojis! 🎨

Por que usar estrelas sem graça? Vamos construir uma grade de corações! 💖

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 3; c++) {
    row = row + '💖'
  }
  console.log(row)
}

Um retângulo largo ▭

As linhas e as colunas não precisam ter o mesmo tamanho! Vamos criar um retângulo largo: 2 linhas e 6 colunas.

for (let r = 1; r <= 2; r++) {
  let row = ''
  for (let c = 1; c <= 6; c++) {
    row = row + '🟩'
  }
  console.log(row)
}

Grade numérica 🔢

Em vez de estrelas, vamos preencher a grade com o número da col.

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + c
  }
  console.log(row)
}

Grade alta 🏢

Vamos criar uma torre alta! 6 linhas e 2 colunas de blocos. 🧱

for (let r = 1; r <= 6; r++) {
  let row = ''
  for (let c = 1; c <= 2; c++) {
    row = row + '🧱'
  }
  console.log(row)
}

Adicione espaços 🔲

Coloque um espaço entre os símbolos para separá-los! Use '* ' com um espaço.

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '* '
  }
  console.log(row)
}

Sua vez de construir 🌟

Mude os corações para estrelas 🌟 ou altere o tamanho! Edite e execute para criar YOUR grade.

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= 5; c++) {
    row = row + '🌟'
  }
  console.log(row)
}

Verificação rápida ✅

Teste mental de grades! 🧠

Recapitulação de linhas e colunas 🎉

Grades lindas! 🟦 Você aprendeu a construí-las.

Loop externo = linhas
Loop interno = colunas
Construa o texto de uma linha com row = row + symbol e depois mostre-o

Próximo: triângulos de estrelas que crescem! 🔺

Perguntas Frequentes

A aula “Linhas e Colunas” é grátis?

Sim — o texto completo de “Linhas e Colunas” é 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 “Linhas e Colunas”?

Crie uma grade 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 “Linhas e Colunas”?

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