En este video, vamos a hablar sobre Git y GitHub y el control de código fuente. Ahora quizás recuerdes GitHub de nuestra sección
anterior donde lo usamos para poner el sitio web en línea, pero te mostraré que es mucho más
que eso. .
Más importante aún, la mayoría de las empresas profesionales utilizan GitHub, y es una habilidad que se
espera que todos los desarrolladores conozcan ahora.
Entonces esta es una sección importante.
Una de las primeras cosas que la mayoría de los desarrolladores tienen que hacer en su primer día de trabajo es
cumplir con algo llamado solicitud de extracción, que usa Git y GitHub.
Lo superaremos en esta sección.
No se preocupe, aprenderá todo esto y tendrá sentido.
Primero comencemos con el control de fuente.
Hasta ahora, solo hemos trabajado con archivos pequeños.
Sin miembros del equipo, solo nosotros, solo un par de archivos.
Pero en la vida real, lo más probable es que no seas el único desarrollador de un equipo.
Lo más probable es que los proyectos sean enormes, hay muchos, muchos archivos. El control de fuente nos permite asegurarnos
de que varias personas puedan trabajar en el mismo archivo desde diferentes ubicaciones.
Piense en ello como Google Docs que permite a las personas colaborar en un documento, pero basta de hablar, echémosle
un vistazo.
Aquí he creado dos carpetas.
Uno es para mí, Andre, que acaba de comenzar un nuevo trabajo en X Company, y tengo a Marsi aquí, que ha estado
trabajando en la compañía por un tiempo y tiene archivos de proyectos aquí.
De hecho, estoy usando los archivos de nuestro video generador de fondo ahora sin obtener GitHub.
Lo que puedo hacer es copiar y pegar estos archivos.
Así que tengo todo lo que tiene Marcy y podemos empezar a trabajar en estos archivos.
Puedo tener mi entorno de desarrollador aquí con mi terminal y mi texto sublime, y puedo trabajar en cualquier cambio que deba
realizarse en la aplicación.
Y Marci.
Aquí también tiene su propia versión en la que puede trabajar en él, y ambos estamos trabajando en
el mismo proyecto, pero digamos que tanto Marcy como yo estamos trabajando en este proyecto y ella decide cambiar el
nombre del proyecto de fondo degradado a super fondo.
Y al mismo tiempo, en mi proyecto, decido llamar a este fondo genial.
Bueno, ahora tendrás que concertar una reunión entre Marcy y yo y decidir cómo deberíamos cambiar el
código.
Y este es un pequeño ejemplo, pero puedes imaginar que a medida que diferentes programadores trabajan juntos, siempre
existirá el problema de que una persona cambie una cosa y otra persona cambie otra.
Aquí es donde entró el control social.
Y el control social es una forma de controlar esto, donde tenemos un lugar en lugar del nuestro.
Las computadoras en este caso solo están representadas por la carpeta que tengo aquí.
En lugar de que cada uno de nosotros tenga una copia del proyecto con Source Control, tenemos una copia del proyecto.
Pero hay una ubicación centralizada en algún lugar, tal vez propiedad de la empresa o en algún lugar
de Internet que tiene la última versión con la que hablamos para asegurarnos de que todos tenemos la misma versión.
Obtener GitHub es una forma de hacer esto, para poder usar el control social.
Y de hecho, es la forma de facto de hacer esto.
Entonces, como dije antes, esta es probablemente la herramienta que usará todos los días en su lugar de trabajo.
Entonces, si voy al sitio web de GitHub aquí, lo que nos permite hacer es un lugar, un lugar central con el
que tanto Andre como Marcy pueden hablar.
Entonces, aunque trabajamos en los mismos archivos, el mismo proyecto.
Puedo preguntarle a esta ubicación central, como GitHub, oye, ¿Marsi ha realizado algún cambio y Marsic puede preguntar, oye, cómo
hizo Andrew los cambios?
Y de vez en cuando obtendrás algo como esto donde tenemos un fondo genial
y un superfondo, donde tenemos algo llamado conflicto de fusión, lo que GitHub nos permite hacer es decir, hey, noté que hay un
conflicto de fusión.
Veo que ambos han cambiado sus antecedentes.
No sé quién tiene razón.
Pero aquí está la información.
Andre Marsi, ¿pueden hablar entre ustedes y resolverlo?
Sin embargo, eso es bastante trabajo, así que veamos cómo se ve.
Lo primero que queremos hacer es configurar una cuenta de GitHub, si no lo ha hecho en los
ejercicios anteriores, debe iniciar una cuenta de GitHub.
Es gratis.
Y como dije antes, si eres un desarrollador, solo necesitas tenerlo.
Es donde todos ponen sus proyectos.
Es donde trabajas.
Pasarás mucho tiempo en este sitio web.
Quizás recuerdes que cuando tuvimos el proyecto GitHub, también te dije que obtuvieras GitHub para escritorio.
Aunque lo usamos para simplificar las cosas durante el video, en realidad esta no es la forma recomendada
de hacerlo.
Te permite ver e interactuar visualmente con GitHub.
Pero los empleadores la menosprecian.
Y la mayoría de la gente usa el término yo el símbolo del sistema para hacer esto.
Así que no te enseñaré de esta manera solo porque creo que es una mala práctica y acostumbrarse
a la terminal es importante.
Voy a cerrar eso y vamos a empezar.
Lo primero que haremos es hacer clic en Iniciar un proyecto.
Y aquí lo vamos a llamar como quieras, lo llamaremos generador de fondo, y también quieres
dejarlo como público.
Y queremos hacer clic en inicializar esto con un README y haremos clic en crear repositorio y lo que
hace.
Bueno, hemos creado un nuevo proyecto en GitHub y aquí el README, que es solo un archivo que describe su
proyecto.
Puedes ver que está aquí.
Podemos escribir en el read me lo que queramos y describir nuestro proyecto.
Pero volvamos.
Si Marsi, digamos que Marsi ha estado trabajando en esta empresa durante mucho tiempo, en realidad voy a eliminar
mis archivos aquí.
Marcy ha estado trabajando en esta empresa durante mucho tiempo, y el empleador finalmente decidió, oye, necesitamos usar
GitHub, vamos a contratar a este nuevo tipo, Andre.
Queremos asegurarnos de que ambos puedan trabajar en él, en el proyecto juntos sin ningún problema.
¿Puedes poner el proyecto en GitHub?
Entonces, una Marcy hará es ir a GitHub, crear un generador de fondo, y luego hará clic
aquí para clonar o descargar y se asegurará de que diga use https.
Y desde aquí, simplemente haga clic en este botón, que copia este enlace a su teclado, luego Marsi.
Va a su terminal, y ahora mismo estamos en documentos, queremos tener el proyecto en la carpeta de Marcy, así que veré
a Marcy si hago clic, a menos que vea eso todavía.
Tengo mis archivos.
Ahora, el primer comando que vamos a aprender se llama GET.
Payaso.
Y luego copiamos y pegamos lo que copiamos del sitio web, solo decimos, oye, clona este proyecto de
GitHub punto com.
Así que presiono enter y listo.
Todo se descarga.
Si vuelvo a la carpeta ahora, veo que tengo un generador de fondo.
Si hago doble clic aquí, verá que tengo una carpeta de obtención de puntos aquí que en realidad está oculta.
Es posible que ni siquiera lo vea en su computadora portátil si no tiene esta función habilitada en su computadora.
Pero este Dugit ahora me permite comunicarme con GitHub.
Entonces, lo que podemos hacer ahora, Marsi puede copiar y pegar estos archivos y ponerlos en un generador de fondo.
Ahora déjame mostrarte el próximo comando get Marsi ahora mismo, si vemos que está en su carpeta.
Pero ahora tenemos que ir al generador de fondo porque si hacemos algún buen comando aquí, bueno, no
funcionará porque no es un buen proyecto.
Necesitamos realmente ir al interior del proyecto que se creó en GitHub.
Así que voy a sembrar en ese directorio notis aquí.
Tengo mi terminal configurado para que realmente me muestre en qué ubicación de GitHub estoy y explicaré lo que significa
Master más adelante.
Ahora que estamos aquí, podemos ver todos nuestros archivos.
Sí, lo veo ahora.
Tengo mi lectura, que creé en GitHub más los archivos que copio y pego.
Necesitamos hundir esto para que si entro en mi generador de fondo en lugar de leerme archivos, Marcy pueda
poner sus archivos en GitHub.
La forma en que lo hacemos es nuestro segundo comando get status.
Nos dice que tenemos archivos entr'acte, es decir, que tenemos scripts y estilos de correo electrónico indexados que están entr'acte y
dice use get add file para incluir por qué, qué se permitirá.
Entonces, ahora que vemos nuestro estado de lo que tenemos en nuestra carpeta, podemos
decir get add y el nombre del archivo para que pueda hacer index dot html, obtener el script y obtener acceso para agregar estilo.
Aclaremos esto para que podamos verlo.
Y ahora puedo volver a obtener el estado solo para ver cuál es nuestro estado.
Y ahora tengo sus sucursales al día con los cambios para que se comprometan.
Verá que ahora con ADD hemos dicho, oye, queremos agregar estos cambios.
Tenemos nuevos archivos que hemos agregado y dice que estamos comprometidos.
Entonces, el segundo paso es hacer algo llamado get, commit y get commit que dice, oye, lo estoy cometiendo.
Estos son los cambios que quiero hacer en GitHub.
Y te permite pasar un mensaje para que en GitHub muestre el mensaje.
Cuando Andre regresa, puede decir, oh, Marsi agregó estos archivos y este es el mensaje.
Y lo hacemos haciendo esto.
Y dentro de aquí, dentro de los códigos dobles, puedo decir agregar comenzar un proyecto, cerrar el centro de prensa de
corchetes.
Voy a aclarar esto ahora.
Hay un último paso que agregamos.
Logramos agregar para agregar nuestros cambios, luego nos comprometemos a confirmar y dijimos, sí, estamos bloqueando esos
cambios.
Y finalmente, debemos informar a GitHub Dotcom que estos son los cambios.
Así que nos empuja.
Y ahí lo tienes.
Ahora se ha enviado a este repositorio, así que si vuelvo.
Y refresco.
Mire eso, es lo mismo que hicimos cuando pusimos nuestro primer sitio web en línea, pero en
lugar de usar la versión de escritorio de GitHub, usamos la línea de comandos y ahora tenemos nuestro proyecto, que es
muy bueno.
Ahora, volvamos a nuestro ejemplo.
Entonces Marsia ha estado trabajando en este proyecto.
Hay un buen repositorio y me acabo de unir a la empresa y ahora necesito empezar a trabajar en esto.
¿Qué hago ahora? Necesito acceder a GitHub y obtener la copia de Background Generator de la forma en que lo hago, bueno,
entro en mi carpeta.
Y hago lo mismo que hago con Klown y luego copio y pego el repositorio como
antes, cloné y cloné el repositorio y listo.
Si vuelvo a mi carpeta, mire eso.
Tengo un generador de fondo, así que ambos estamos trabajando ahora en un generador de fondo, pero no en los archivos del
otro.
Estamos trabajando con cualquier versión que esté en GitHub.
Está bien.
Entonces, ahora más realista, volvemos a trabajar.
Y el primer día de mi trabajo, digo que voy a cambiar
el título de fondo de Grania, en realidad, la etiqueta H1 a generador genial si guardo esto y obtengo el estado.
Bien, no estoy en un buen repositorio en este momento, si recuerdas, tengo que ir al generador de
fondo.
Déjame abrir eso un poco para que puedas ver.
Ahí lo tienes de nuevo, estos comandos de entrega no funcionarán si no estás en una carpeta que tiene una carpeta de expediente.
Así que déjame convertir ese CD en un generador de fondo.
Voy a aclarar esto y voy a decir que obtenga el estado y mire eso.
Me dice que modifiqué el índice, no el Alfa.
Y si recuerdas, diré git add.
Solo tengo un archivo.
Puedo hacerlo a continuación en HTML.
Pero si quisiera tener varios archivos y solo quiero enviarlos todos a la vez, puedo hacer el
punto.
Así que haré eso y luego me comprometeré y agregaré un mensaje cambiando el título.
Presiono enter y borro esto, OK, y nuevamente, recibo push.
Y parece que todo salió bien, así que abramos eso y veamos.
Ahora actualizo tu.
Y lo que no hemos visto ningún cambio, pero ahora vemos que tenemos tres confirmaciones, tenemos la confirmación inicial, la adición
de nuevo en el proyecto que hizo Marsi, y le muestra todos los archivos que se agregaron.
Y si vuelvo, tengo el cambio de título confirmado, y ahora veo eso, sí, Andre acaba de cambiar el generador
de fondo, que está en rojo para enfriar el generador.
Como puede ver, tenemos un historial de todos los cambios y siempre podemos volver atrás si hay algún
error, pero hay un problema en este momento.
Si vuelvo al código y voy a la computadora de Marcy, veo eso.
Bueno, ella todavía tiene un generador de fondo aquí.
¿Porqué es eso?
Bueno, porque su computadora no sabe que GitHub se ha actualizado.
El siguiente comando que les voy a mostrar, este es el último que les voy a mostrar en este video
es get pull.
Así que recuerde, presione para impulsar los cambios en GitHub dotcom y presione para extraer lo que sea más reciente.
Así que me tira.
Y ahí lo tienes, ves aquí que me muestra que el índice en el que se cambió el archivo ASML.
Ahora ves que mi.
El título se ha cambiado a generador genial, digamos que Marcy vio mi primer cambio y le gusta
mucho que tenga un generador genial, pero creo que quiere ponerlo en mayúsculas de nuevo.
Ella va a salvar eso.
Ella va a decir obtener estatus.
Está bien.
Tengo mi índice que obtendré y luego me comprometo y tendré el mensaje capac al título de Lai y luego lo
presionaré.
Ahí vas de nuevo, yo vuelvo.
Actualizo y ahora hay cuatro comentarios y vemos ese título en mayúscula.
Es.
Los nuevos cambios, el primer día de trabajo está hecho, vengo al día siguiente de trabajo y
bueno, quiero comenzar con lo que sea que sea el último proyecto de nuevo en generador.
Y digamos que Marcy trabajó toda la noche para cambiar ese título a Cool Capitalized.
Quiero asegurarme de tener la versión más actualizada.
Entonces, lo que hago es que cuando llegue al trabajo por la mañana, diré, bueno, quiero asegurarme de que
si hay algún cambio que Marcy hizo que yo sepa, entonces diré que se recupere y se note. aquí cómo
van a cambiar los títulos después de que haga el tirón.
Y ahora hago clic en el texto sublime y listo.
Generador fresco.
Muy bien, y en el siguiente video, vamos a ampliar esto y les mostraremos lo que
sucede si tanto Marci como Andre hacen los mismos cambios, ¿qué hace GitHub?
Veré en ese uno por.