Cómo empezar en Github

Clase 22 de 25Curso de Sistemas de Diseño para Desarrolladores

Hola pequeñito de luz, hago este post para contarte los pasos básicos necesarios para este proyecto. Si tienes dudas en el proceso, en Platzi hay un curso completo sobre el tema: Curso Profesional de Git y GitHub

Creamos un proyecto en GitHub

Ya creada tu cuenta dentro de Github, vamos a utilizar el ícono de "+" que está en el top navbar (barra superior) de la plataforma justo a un lado de tu foto.

Captura de pantalla 2018-11-20 a la(s) 16.01.28.png

Si te das cuenta bajo tu cuenta se generará un path, o sea una / para que viva ahi tu proyecto con una url, ponle como quieras.

Captura de pantalla 2018-11-20 a la(s) 16.03.23.png

Te cuento un poco qué pasa en esta pantalla:

Nombre y descripción

En esta sección escribiremos el nombre de nuestro proyecto y su descripción, trata que sea claro el nombre.

Público o privado

Esto es una decisión que debes de tomar, depende de que sea el proyecto , tal vez no quieres que nadie lo vea.

Captura de pantalla 2018-11-20 a la(s) 16.04.18.png

Readme y licencia.

En esta sección hacemos varias cosas configurables por nuestro proyectos, el primero que es README nos permite hacer un doc dentro de nuestro proyecto con el cual vamos a dejar descripción y a veces hasta documentación.

El siguiente que es .gitignore, básicamente le decimos a GitHub que hay cosas que tendría que ignorar de nuestro proyecto para no estar subiendo todo lo que ponemos en el, esto sucede generalmente cuando usamos algún instalador de librerías como npm que justo nuestro proyecto utiliza, escogeremos Node y ya sabe que archivos ignorar.

Por último están las licencias, yo suelo usar la de MIT, pero te recomiendo leer el link que viene en el iconito de i para saber más sobre otras opciones.

Captura de pantalla 2018-11-20 a la(s) 16.05.31.png

Ahora que ya tenemos creado nuestro proyecto vamos a seguir los siguiente pasos:

  • Vamos a presionar el botón verde llamado "clone". Esto para que nos de una url que vamos a usar dentro de iterm, espero ya super pimpeada.

Captura de pantalla 2018-11-20 a la(s) 16.06.39.png

Dentro de iterm vamos a copiar esa url, les advierto que necesitamos que ya tengan instalado GitHub y su cuenta config, de no ser así les va a pedir un mail y su contraseña, de su cuenta de Github.

Antes de correr la función que clona nuestro proyecto, asegúrate de estar en la carpeta donde guardarás tu sistema de diseño.

Captura de pantalla 2018-11-20 a la(s) 16.07.28.png

Ahora si es hora de clonar:

Captura de pantalla 2018-11-20 a la(s) 16.08.22.png

Cuando clonen su proyecto ahora tendrán un proyecto conectado a GitHub, les recomienden tomen el curso de GitHub de Platzi para entender mejor este proceso. Recuerden entrar en la carpeta de su proyecto:

Captura de pantalla 2018-11-20 a la(s) 16.09.05.png

Ya que estamos en nuestra carpeta es aquí donde podemos instalar nuestro proyecto de express, les recomiendo den un paso atrás antes de correr el comando de express.

Captura de pantalla 2018-11-20 a la(s) 16.09.34.png

Justo así.

Ahora vamos crear un proyecto de express, si se dan cuenta justo lo voy a hacer sobre la carpeta que ya tenia creada con lo cual me va a preguntar si estoy seguro ya que la carpeta no está vacía.

Captura de pantalla 2018-11-20 a la(s) 16.10.03.png

Ves te dije, no tengas miedo, dile YES, presionando la "y" de tu teclado y "enter".

Se ha creado el proyecto, regresemos dentro de la carpeta.

Captura de pantalla 2018-11-20 a la(s) 16.10.50.png

Y ahora veremos que esta todas las carpetas de express.

Captura de pantalla 2018-11-20 a la(s) 16.11.22.png

Para subir los cambios, ahora tienes que hacer tres comandos:

  • git add .
  • git commit -m "Mi actualización"
  • git push origin master

Captura de pantalla 2018-11-20 a la(s) 16.11.56.png

Esto nos va a servir cuando hagamos deploy en Heroku, pero no se preocupen nos vemos en las siguientes clases y recuerden mas vale componente en mano que cientos volando.