DEPLOY·TO·THE·STARS
Trayectoria

Arco 01Git y la nubeMisión 01Pendiente

Estudio de pixel art

Una app para dibujar pixel por pixel, con paleta de colores y un botón que descarga tu dibujo como imagen.

Días
1
Temas
5
Pasos
7

Temario de esta misión

  • Herramienta

    Git

    El programa que le toma una foto a tu proyecto cada vez que se lo pides. Así nada se pierde nunca.

  • Concepto

    Commit

    Cada punto de guardado. Lleva la hora y un mensaje tuyo diciendo qué cambiaste.

  • Herramienta

    Terminal

    La ventana donde le escribes órdenes a la compu con palabras, sin botones.

  • Lenguaje

    HTML y CSS

    HTML pone las cosas en la página y CSS decide cómo se ven. Aquí arman la cuadrícula de pixeles.

  • Lenguaje

    JavaScript

    El lenguaje que hace que la página reaccione. Es el que pinta el pixel donde hiciste clic.

Por qué importa

En los videojuegos guardas antes de una parte difícil, por si algo sale mal. Git es exactamente eso, pero para código. Cada commit es un punto de guardado al que siempre puedes volver. Sin eso, cada error sería para siempre.

Desafío jefe · Viaje en el tiempo

Papá va a romper tu app a propósito. Tu misión es regresarla a como estaba usando el historial de Git. Sin volver a escribir el código a mano y sin copiar y pegar.

Míralo funcionar

Qué hace Git

Aprieta los botones en orden y mira a dónde se va tu dibujo.

Tu computadora

Todavía no dibujas nada

La historia

Todavía no hay ningún punto de guardado.

Internet

Aquí todavía no llega nada

Empieza dibujando un pixel. Por ahora tu dibujo sólo existe en tu computadora: si se apaga, se va.

Pasos

  1. 1

    Crea la carpeta del proyecto y haz tu primer commit antes de escribir una sola línea. Ese es el punto cero.

  2. 2

    Construye la cuadrícula de pixeles. Cuando se vea en pantalla, haz commit.

  3. 3

    Agrega la paleta de colores y que al hacer clic se pinte el pixel. Commit.

  4. 4

    Agrega el borrador y el botón de limpiar todo. Commit.

  5. 5

    Agrega el botón de descargar tu dibujo como imagen. Commit.

  6. 6

    Escribe git log y lee tu propia historia. Cada línea es un momento en que tu app funcionaba.

  7. 7

    Haz un cambio horrible a propósito, haz commit, y después deshazlo con git revert. Ahora ya sabes que nada se pierde.

Lo que desbloqueas

  • Commits como puntos de guardado
  • Leer el historial del proyecto
  • Deshacer con git revert

Misión 1 de 20