Início Meu diário espacial
Idioma PT (Português)

Pense como um programador: como criar o Snake usando apenas JavaScript, HTML e CSS

Robô iniciante Dificuldade 2/5 Projeto para construir Parada 10 / 166 JavaScript idades 11-13 Traduzido por IA Mostrado em inglês

Um recurso gratuito escolhido pela comunidade de código aberto. Abra para ver o que tem dentro.

Começar o guia

Seu guia

Resumo escrito por IA

O que é?

Pense como um programador: como criar o Snake usando apenas JavaScript, HTML e CSS está no nosso grupo Crie o seu próprio jogo, uma lista de tutoriais sobre como fazer um jogo do zero. Só conhecemos o título, a descrição curta e o nível da nossa lista.

É para mim?

É para quem quer criar um jogo, e não só jogar. Há itens de nível Iniciante, Intermediário e Avançado. Serve para cerca de 11-13 anos em diante, e ajuda ter alguma experiência com programação.

Adultos: Para adultos: os tutoriais podem exigir a instalação de programas. Confiram antes de a criança baixar qualquer coisa.

Como começar

  1. Escolha uma ideia de jogo que pareça pequena, como um arcade simples.
  2. Abra o tutorial com um adulto e leia o primeiro passo.
  3. Siga passo a passo e execute com frequência para ver o que muda.

Quanto tempo?

Planeje cerca de 40 minutos por vez, ao longo de cerca de 5 sessões. (estimativa)

40 min por sessão 5 sessões estimativa

Um plano que você pode seguir

  1. Dia 1 30 min Leia o primeiro passo e prepare o que você precisa.
  2. Semana 1 60 min Faça algo se mover na tela.
  3. Semana 2 60 min Adicione uma regra ou uma pontuação.
  4. Semana 3 60 min Mude o visual e jogue com um amigo.

Os tempos são estimativas. Vá no seu ritmo.

Ir ao site de aprendizado

Você está prestes a sair do nosso site para visitar Pense como um programador: como criar o Snake usando apenas JavaScript, HTML e CSS em outro site. Nós não controlamos esse site. Pergunte a um adulto antes de ir. Confira o original para ver os detalhes. Esse site pode não estar no seu idioma. O seu navegador pode traduzir a página: procure o botão de traduzir perto da barra de endereço ou peça ajuda a um adulto.

Você está saindo do nosso site

Adultos: Para adultos: este link leva a um site que não controlamos e que não revisamos além da sua descrição na lista. Por favor, deem uma olhada nele primeiro.

Ir para o site de aprendizado (abre o site original em uma nova aba)

https://medium.freecodecamp.org/think-like-a-programmer-how-to-build-snake-using-only-javascript-html-and-css-7b1479c3339e

Em outro site. Da lista: codecrafters-io/build-your-own-x · Licença: CC0-1.0 · Construa o seu próprio jogo · As traduções são geradas por IA; confira sempre o original.

Como aprender com um artigo ou site de tutoriais

Seu caminho por Desenvolvimento web

Parada 8 Offline primeiro Lista de recursos Parada 9 Tailwind CSS Lista de recursos Parada 10 Pense como um programador: como criar o Snake usando apenas JavaScript, HTML e CSS Projeto para construir Parada 11 Craft CMS Lista de recursos Parada 12 Crie o seu próprio jogo de sinuca com a bola 8 do zero Projeto para construir Parada 13 Canvas Lista de recursos Parada 14 CSS Lista de recursos

Continue explorando