Inicio Mi bitácora espacial
Idioma ES (Español)

Piensa como un programador: cómo crear Snake usando solo JavaScript, HTML y CSS

Robot principiante Dificultad 2/5 Proyecto para construir Parada 10 / 166 JavaScript edades 11-13 Traducido con IA Mostrado en inglés

Un recurso gratis elegido por la comunidad de código abierto. Ábrelo para ver qué contiene.

Empezar la guía

Tu guía

Resumen escrito por IA

¿Qué es?

Piensa como un programador: cómo crear Snake usando solo JavaScript, HTML y CSS está en nuestro grupo Crea tu propio juego, una lista de tutoriales sobre cómo hacer un juego desde cero. Solo conocemos el título, la descripción breve y el nivel de nuestra lista.

¿Es para mí?

Es para quien quiere crear un juego, no solo jugar uno. Hay elementos de nivel Principiante, Intermedio y Avanzado. Va bien para unos 11-13 años en adelante, y ayuda tener algo de experiencia programando.

Adultos: Adultos: los tutoriales pueden requerir instalar software. Comprueben antes de que su hijo descargue algo.

Cómo empezar

  1. Elige una idea de juego que parezca pequeña, como un arcade sencillo.
  2. Abre el tutorial con un adulto y lee el primer paso.
  3. Síguelo paso a paso y ejecútalo a menudo para ver qué cambia.

¿Cuánto tiempo?

Calcula unos 40 minutos cada vez, durante unas 5 sesiones. (estimación)

40 min por sesión 5 sesiones estimado

Un plan que puedes seguir

  1. Día 1 30 min Lee el primer paso y prepara lo que necesitas.
  2. Semana 1 60 min Consigue que algo se mueva en la pantalla.
  3. Semana 2 60 min Añade una regla o una puntuación.
  4. Semana 3 60 min Cambia el aspecto y juéguenlo con un amigo.

Los tiempos son estimados. Ve a tu propio ritmo.

Ir al sitio de aprendizaje

Estás a punto de salir de nuestro sitio para visitar Piensa como un programador: cómo crear Snake usando solo JavaScript, HTML y CSS en otro sitio web. No controlamos ese sitio. Pregunta a un adulto antes de ir. Revisa el original para ver los detalles. Puede que ese sitio no esté en tu idioma. Tu navegador puede traducir la página: busca el botón de traducir cerca de la barra de direcciones, o pide ayuda a un adulto.

Vas a salir de nuestro sitio

Adultos: Adultos: este enlace lleva a un sitio que no controlamos y que no hemos revisado más allá de su ficha. Por favor, échenle un vistazo primero.

Ir al sitio de aprendizaje (abre el sitio original en una pestaña nueva)

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

En otro sitio. De la lista: codecrafters-io/build-your-own-x · Licencia: CC0-1.0 · Crea tu propio juego · Las traducciones son generadas por IA; revisa siempre el original.

Cómo aprender con un artículo o un sitio de tutoriales

Tu ruta por Desarrollo web

Parada 8 Offline primero Lista de recursos Parada 9 Tailwind CSS Lista de recursos Parada 10 Piensa como un programador: cómo crear Snake usando solo JavaScript, HTML y CSS Proyecto para construir Parada 11 Craft CMS Lista de recursos Parada 12 Crea tu propio juego de billar de la bola 8 desde cero Proyecto para construir Parada 13 Canvas Lista de recursos Parada 14 CSS Lista de recursos

Sigue explorando