‫Instructor: En este video,
‫pondremos todo nuestro código en GitHub, o como solemos decir,
‫lo enviaremos a una rama remota.
‫Para empezar, dirígete a github. com, y tan
‫pronto como inicie sesión, simplemente
‫haga clic aquí en este
‫botón más y cree un nuevo repositorio.
‫Ahora, una vez más, si la página se ve un poco diferente
‫en el punto en el que estás viendo
‫este video, simplemente busca en algún lugar de la página para encontrar un nuevo repositorio.
‫Bien, primero que nada, debes darle un
‫nombre al repositorio.
‫Así que lo llamo natours aquí,
‫lo que para
‫mí no es posible porque ya tengo un repositorio
‫de natours, así que solo lo llamo natours rec para grabar,
‫pero puedes seguir adelante y llamarlo natours.
‫Luego también podemos agregar una descripción,
‫lo que no
‫voy a hacer, y luego podemos configurarlo como público o privado.
‫Creo que ahora mismo, incluso las cuentas
‫gratuitas pueden tener repositorios privados.
‫Repositorios privados, como su nombre lo
‫dice, solo tú puedes ver y también puedes invitar a otras personas.
‫Con los repositorios públicos, por supuesto, son visibles
‫para todos, por lo que son perfectos
‫para el código fuente abierto.
‫En este caso, lo dejo en
‫privado, luego dejo todos estos valores predeterminados,
‫y aquí es muy importante que no
‫inicialicemos este nuevo repositorio con un archivo Léame, porque
‫eso crearía un conflicto un poco más adelante.
‫Realmente queremos que este repositorio sea nuevo y
‫esté completamente vacío aquí en GitHub.
‫Hacer esto aquí es
‫similar a lo que hicimos antes localmente con git init.
‫La única diferencia es
‫que esta vez realmente está en
‫GitHub, por lo que ahora es un repositorio remoto.
‫Excelente.
‫Ahora, el objetivo aquí es,
‫básicamente, enviar todo nuestro código local a este repositorio remoto, de acuerdo.
‫Para poder hacer
‫eso, debemos informar a nuestro repositorio local
‫sobre este repositorio remoto que acabamos de crear aquí.
‫Bien, básicamente tenemos que conectarlos.
‫Eso es exactamente lo que se establece aquí.
‫Lo que queremos hacer es enviar un repositorio existente
‫desde la línea de comando, así que sigamos
‫adelante y copiemos
‫este código aquí en nuestra línea de comando aquí, está bien.
‫¿Qué va a hacer esto?
‫Bueno, agregará una rama remota.
‫Remoto significa que es una rama alojada, básicamente.
‫Y esta rama remota, o también
‫puede llamarla, este repositorio remoto, se llamará origen, y se
‫encuentra en esta url aquí, es decir, en
‫esta ubicación.
‫Así que presiona Enter y eso es todo.
‫Ahora, estos dos repositorios están básicamente conectados.
‫En este punto, estamos listos para hacer git push, que es
‫la acción para copiar básicamente nuestro código
‫local en nuestra rama remota en nuestro repositorio remoto.
‫Luego, el nombre de la
‫rama remota que es origen, y
‫luego el nombre de la rama local, que es maestra, de acuerdo.
‫Entonces, git push origin master.
‫Presiona regresar, y luego eso, por supuesto,
‫debería llevar algo de tiempo.
‫Ahora primero, también nos pide nuestro nombre de usuario, que es
‫solo la dirección de correo
‫electrónico, y probablemente ya no necesite
‫hacer esto porque ya lo especificó,
‫pero no lo hice antes en el video, recuerde eso, así que
‫hagámoslo ahora.
‫Por cierto, porque estoy usando una cuenta diferente en
‫mi computadora para grabar estos cursos, por lo
‫que realmente no uso git aquí,
‫y esa es la razón por la que necesitaba hacerlo.
‫Ahora de todos modos, ahora me pide mi contraseña,
‫así que escriba su contraseña aquí, presione
‫regresar también, y entonces debería
‫comenzar a enviar los datos a su sucursal remota.
‫Está haciendo ese trabajo ahora.
‫Puede ver
‫todas las estadísticas, cuántos archivos hay, su velocidad de
‫carga y cuánto ya está hecho.
‫Muy bien, volveré una vez que esto haya terminado.
‫Está bien, y eso es todo.
‫Así que ahora veamos eso aquí en GitHub.
‫Recarguemos, y de hecho, aquí vamos.
‫Y de hecho, aquí tenemos
‫todos los archivos que acabamos de agregar a nuestro compromiso antes, de acuerdo.
‫Verá que todos
‫estos aquí dicen confirmación inicial, y
‫luego este archivo, app. js, donde en realidad
‫hicimos algunas modificaciones, luego dice que agregamos
‫un comentario, que fue el
‫mensaje de confirmación que usamos para esa
‫confirmación específica en la que solo comprometimos este archivo.
‫¿Recuérdalo?
‫Así que en realidad fue seis minutos más tarde.
‫Excelente.
‫Echemos un vistazo a eso.
‫Cómo se ve aquí en GitHub.
‫Sí, ese es todo nuestro código.
‫Bien alojado ahora básicamente en este lugar, también en GitHub.
‫También verá que nuestros archivos ignorados no están aquí.
‫El módulo de nodo y también el archivo de configuración,
‫así que exactamente los archivos
‫que realmente no queremos en un repositorio, bueno,
‫ahora no están aquí como se esperaba.
‫Ahora, por cierto, la operación de empuje opuesta a la
‫que acabamos de hacer es la operación de tracción.
‫Así que imagina que estás trabajando en dos computadoras
‫diferentes y quieres comenzar a trabajar en una
‫computadora y luego continuar en la otra.
‫Para hacer eso, puede insertar el código en
‫una computadora en GitHub, y luego en la otra, simplemente extraerlo.
‫Sería muy sencillo.
‫El comando sería casi el mismo, pero en
‫su lugar git pull origin y luego master, por lo que la rama en la
‫que estás trabajando actualmente.
‫No voy a hacer
‫eso ahora, sino que crearé un archivo Léame.
‫Ese es un archivo muy
‫estándar que debe tener cada repositorio.
‫Hagámoslo aquí.
‫El estándar realmente es, por lo que no es
‫una carpeta sino un archivo, y así, nuevamente,
‫el estándar es llamarlo readme. md que significa rebaja.
‫Este archivo aquí está escrito en Markdown.
‫Usemos este símbolo de almohadilla aquí para agregar
‫el título principal.
‫Llamemos a esta aplicación natours.
‫Luego, solo un párrafo
‫a continuación que se construyó utilizando tecnologías modernas.
‫Eso no es realmente correcto, tecnologías.
‫Node js, express, mongoDB, mongoose y amigos, digamos.
‫Muy bien, guardemos esto ahora.
‫Y si ahora decimos obtener estado,
‫debería verlo como un archivo nuevo y, de hecho, aquí está.
‫Ahora, en realidad, después de cerrar y abrir nuevamente, la aplicación
‫de código VS, esta parte aquí de la aplicación realmente
‫comenzó a funcionar.
‫Ahora ves aquí, que el archivo readme. El archivo md
‫aparece debajo de los cambios.
‫Aparece aquí como U, que significa sin seguimiento.
‫De acuerdo, y también como mencioné antes,
‫realmente puedes ver eso aquí en el árbol de archivos.
‫Ahora es verde, está
‫bien, y si cambia, digamos otro archivo, por
‫ejemplo, encadenando aquí a la aplicación.
‫Consígalo una caja fuerte, entonces verá aquí esta M,
‫que significa modificado.
‫También aparece aquí.
‫Aquí, esta barra se vuelve azul porque ahora está modificada,
‫por lo que se trata de una modificación y
‫no de una inserción.
‫Antes era verde porque inserté
‫código y ahora es azul porque modifiqué.
‫Aquí también puedo volver muy fácilmente.
‫Quiero descartar los
‫cambios, para que vea que
‫vuelve a ser lo que era antes, de acuerdo.
‫De todos modos, agreguemos ahora este archivo al área de preparación.
‫Git add y luego puede usar la pestaña para
‫autocompletar como siempre.
‫Entonces, enviémoslo ahora para que git commit el
‫mensaje agregue un archivo Léame como este.
‫Y ahora, enviémoslo también a nuestra sucursal remota, solo para que podamos echar un
‫vistazo a la hora en GitHub.
‫Ese es el maestro de origen de git push.
‫Echemos un vistazo a eso aquí.
‫Y ahora, aquí puede ver el archivo Léame que acabamos de crear.
‫Verá también que el mensaje de
‫confirmación para este se agregó a un archivo Léame hace un minuto.
‫Está bien, genial.
‫Eso es todo, esos son los fundamentos
‫absolutos que quería mostrarles
‫en esta conferencia y la última sobre git y también GitHub.
‫Muy bien, ahora otra cosa aquí acerca de GitHub
‫es que muchas veces cuando comenzamos con su
‫proyecto, en realidad lo hacemos al revés.
‫Primero creo el repositorio en GitHub
‫y ya con un archivo
‫readme, y luego, luego de eso, extraigo ese
‫repositorio en mi computadora local, de acuerdo.
‫Eso luego conectará automáticamente
‫el repositorio local con el remoto.
‫Eso solo hace que la configuración sea un poco más fácil.
‫Muchas veces lo hago así.
‫Pero, por supuesto, la forma en
‫que lo expliqué en este video también está perfectamente bien.
‫De todos modos, espero que esto te haya sido útil.
‫En el siguiente video,
‫comenzaremos a preparar la aplicación para
‫la implementación porque todavía hay algunos pequeños
‫cambios que debemos hacer, por lo que algunas
‫modificaciones, para estar realmente listos para implementar la aplicación.