‫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 mismos, 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 puede imaginarse 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 habilitada esta función 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 leer los archivos, Marcy pueda
‫colocar 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 obtengo 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 obtener estado y mirar 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 quisiera 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.