Curso Git. Creando repositorio. Vídeo 2

hola que tal bienvenidos a todos a esta segunda entrega del curso de git y git hub en este vídeo vamos a ver cómo crear un repositorio para nuestro proyecto cómo agregar archivos y directorios de nuestro proyecto al repositorio creado por git y después veremos cómo obtener un respaldo de archivos y directorios desde ese repositorio que hemos creado previamente he leído algunos comentarios del primer vídeo son muchos los comentarios los que hay allí y veo que muchos de vosotros os habéis decidido a seguir el curso y tenéis conocimientos de git bueno recordar que tengo que ir paso a paso y desde el principio así que aquellos que tenéis conocimiento espero que no os aburra jce demasiado bien para poder realizar estas tres tareas básicas con git vamos a tener que conocer nuestros primeros comandos de consola los comandos con los que le damos órdenes a guita imaginaos que ya tenemos nuestro directorio de trabajo una carpeta en nuestro ordenador donde almacenamos los archivos de nuestro proyecto da igual el tipo de proyecto que sea un proyecto web un proyectos y salud proyecto python da igual y en ese directorio puede haber tres archivos o tres mil eso también da igual cada uno de ellos con su extensión bien una vez que ya tenemos nuestro directorio de trabajo si nosotros queremos que git haga un seguimiento de todos nuestros archivos o parte de los archivos y hacer un respaldo de ellos el primer comando que tenemos que utilizar es el comando git init que se introducirá en consola como veremos ahora después que conseguimos con este comando bueno este comando sólo se ejecuta una vez y es al comenzar nuestro proyecto o cuando queremos que git comience a hacer un seguimiento de nuestro proyecto en general siempre utilizaremos este comando de consola git cuando comenzamos el proyecto digo esto porque puedes tener un proyecto a medias en el que llevas trabajando seis meses y a los seis meses decirle a nit que comience a hacerte un seguimiento no pero lo lógico es que comience a la par que el proyecto bien una vez que hemos introducido en consola git init lo que conseguimos con esto es que git aunque nosotros no lo vemos crea dos áreas donde irá almacenando los archivos una de las áreas es la conocida como staging área o área de ensayo y el otro área es el área de repositorio local el área de ensayo como su nombre indica es un área temporal donde se van a almacenar los archivos de forma temporal y ahí pues podemos hacernos nosotros como desarrolladores como programadores una composición de lugar porque vamos a poder ver qué archivos tienen seguimiento por parte de git y qué archivos no lo tienen en qué estado se encuentra cada uno de esos archivos etcétera y luego tenemos el segundo área que es la del repositorio local donde por fin se almacenan esas copias esas instantáneas esas fotos fijas que va haciendo git a nuestros archivos y desde el cual las podremos rescatar en el momento en que nosotros queramos y todo esto como digo sólo con el primer comando git init bien una vez que ya tenemos estas áreas creadas nosotros podemos decirle a git que haga un seguimiento de todos nuestros archivos qué será lo que hagamos casi siempre es decir tú comienzas un proyecto en ese proyecto tienes tres mil archivos pues lo más habitual es que le digas aquí que haga un seguimiento de los tres mil archivos que hay ahí es decir de todo tu proyecto pero también le puedes decir a git que haga seguimiento de x archivos de dos archivos de uno de 30 es decir no de todo eso es posible también tanto si vamos a hacer seguimiento a todos los archivos como si vamos a hacer seguimiento a uno o algunos el comando que tenemos que utilizar para indicarle a git qué archivos queremos que haga el seguimiento es el comando git added imaginemos que nosotros queremos que haga seguimiento a un único archivo por no complicarlo para empezar bueno pues utilizamos el comando git adedy y el nombre del archivo como veremos ahora después desde consola con eso que conseguimos conseguimos que git lleve ese archivo desde nuestro directorio de trabajo al área de ensayo ojo porque cuando digo que iba a llevar el archivo del directorio de trabajo al área de ensayo lo hace internamente porque nosotros el archivo lo vamos a seguir viendo en el directorio de trabajo pero internamente para git ese archivo después de haber utilizado el comando hace de está en el área de ensayo y eso quiere decir que le está haciendo un seguimiento a este archivo no a los otros para git los otros archivos como si no existieran si es que hemos decidido hacer seguimiento solo a uno entonces lleva el archivo del seguimiento al área de ensayo y los demás pues los deja en el directorio de trabajo si nosotros lo hubiéramos dicho aquí a mí un seguimiento de todo el proyecto que veremos cómo se hace ahora después nos llevaría todos los archivos desde el directorio de trabajo al área de ensayo pero repito nosotros los vemos siempre en nuestro directorio de trabajo y una vez que tenemos el archivo o los archivos en el área de ensayo utilizamos un tercer comando que es el comando deep commit y ese comando lo que hace es trasladar por fin el archivo o archivos que tengamos en el área de ensayo al área del repositorio local que es donde toma la instantánea del archivo es ahí donde se crea el respaldo propiamente dicho y una vez que tenemos aquí en el repositorio local el archivo o los archivos podemos obtener un respaldo de cómo se encontraba ese archivo cuando lo llevamos al repositorio local en cualquier momento así que estos tres son los tres primeros comandos que vamos a utilizar en git junto con algún otro comando que nos puede interesar que vamos a ver ahora después así que vamos a intentar llevar todo esto pues desde esta animación a la práctica vamos a ello bien como os dije en el vídeo anterior de introducción si recordáis yo os pretendo enseñar el manejo de guía tanto con la consola de git como con un entorno de desarrollo que está plenamente integrado con vida así que voy a empezar por enseñaros con un entorno de desarrollo que no tiene integración con bit y debemos utilizar la consola de git que ya debimos instalar en el vídeo anterior si recordáis entonces mirar yo estoy aquí en un directorio concreto de mi ordenador vosotros iros al que queráis y en este directorio en concreto que yo llamado curso git voy a crear una nueva carpeta y a esta carpeta la voy a llamar por ejemplo proyecto web empresa a por ejemplo y nos vamos a imaginar que vamos a elaborar un proyecto web para una empresa aoex o como la queramos llamarlo y los archivos de ese proyecto pues van a estar dentro de esta carpeta para ello voy a utilizar un editor de lineweaver pero vamos que si queréis utilizar otro el bloc de notas incluso cualquier otro editor va a ser exactamente igual aquí en dreamweaver esto es lo de menos no tenéis porqué aprender esto ni mucho menos porque son herramientas de dreamweaver lo primero que voy a hacer va a ser crear un sitio esto es decirle a dreamweaver en qué directorio están los archivos del proyecto que voy a comenzar pero repito podéis utilizar el entorno de desarrollo que queráis y saltarnos este paso incluso hacerlo con el bloc de notas aquí tengo y ver me pide que le dé un nombre a este proyecto puede ser el mismo de la carpeta donde lo voy a almacenar o puede ser otro voy a llamarle por ejemplo empresa y tengo que indicarle pues en qué directorio o carpeta voy a guardar todo esto así que yo como veis no tengo / box aquí lo tenía en código proyectos cursos curso git proyecto web de empresa bueno pues ya está una vez hecho esto pulso en el botón de guardar y con esto dreamweaver ya sabe dónde voy a guardar los archivos y ahora vamos a comenzar nuestro proyecto y nos vamos a imaginar que es un proyecto web por hacerlo lo más sencillo posible así que lo primero será crear un archivo html este archivo html pues aquí en propiedades de la página le voy a decir que utilice una codificación html5 para ser lo más moderno posible nada tiene que ver esto con git y ahora voy a guardar esto si es importante el archivo en la carpeta con el nombre de index así que ya tengo aquí un archivo web con el nombre de index si yo ahora voy a windows pues aquí como podéis ver tengo mi archivo perdón index html que creado desde dreamweaver bien imaginaos que este es el comienzo de mi proyecto una carpeta y un archivo index y a partir de aquí quiero que git me haga un seguimiento y me ofrezca la posibilidad de ir haciendo copias de respaldo si habéis instalado la consola de git correctamente como vimos en el vídeo anterior si pulsáis con el botón derecho del ratón sobre esta carpeta es la forma más fácil de decirle a la consola de git que nos lleve a este directorio porque tenemos que ir hasta aquí desde la consola git bass es decir recordar que si lo habéis instalado todo bien pues tenemos aquí la consola donde están los que empiezan porque no aquí git git va a estar la consola no pero en vez de abrirla desde ahí luego nos vamos a tener que mover a ese directorio es más fácil si con el botón derecho sobre la carpeta en cualquier zona en blanco le decís en el menú contextual it be here debéis tener este comando si habéis instalado git correctamente git y qué hace con eso nos abre la consola pero ya nos la abre en el directorio donde tenemos nuestro proyecto y bien una vez que estamos ahí cuál es el comando que teníamos que utilizar lo hemos dicho antes no git in it bueno pues git y pulsamos enter y ya está con esto fijaos que nos dice iniciales temática y repositorio es decir que ya ha iniciado el repositorio nos ha creado internamente el repositorio nosotros aquí no vemos nada en el editor tampoco vemos nada pero internamente git ha creado el repositorio de hecho mirar si estáis trabajando con windows como windows 10 si os vais a la ficha vista y le decís a windows que muestre los elementos ocultos fijaos como si tenemos una carpeta oculta que es la que acaba de crear git y es esta carpeta con todo lo que hay en su interior pues la que utiliza git para poder crear los repositorios en el área que os he dicho antes de ensayo el área del repositorio local etcétera no voy a desactivar otra vez elementos ocultos para que todo se vea de forma normal nosotros vamos a utilizar en este vídeo tres o cuatro comandos los más básicos pero ya os recomiendo desde ahora mismo que vayáis a google introduzcas en la casilla de búsqueda git y dentro de git pues os vayáis al primer enlace que nos ofrece y en el primer enlace que nos ofrece que digamos es la página oficial de git pues tenéis un vínculo dice documentation bueno pues yo os recomiendo que hagáis clic en documentación y después que hagáis clic en reference manuel y aquí en complete list of all comments porque aquí tenéis un listado con todos los comandos que admite la consola de git no los vamos a ver todos en el curso porque es que son cientos y cientos vamos a ver los más importantes pero si tenéis interés en saber qué hace un comando en concreto o si existe un comando para hacer determinada tarea aquí los tenéis todos dicho esto podemos tener minimizada la página y comenzar a trabajar bueno pues git ahora mismo ya ha creado el repositorio se supone que está haciendo un seguimiento del proyecto pero no es del todo así porque tenemos que indicarle aquí a qué archivos debe hacer el seguimiento y mirar desde dreamweaver en nuestro proyecto web voy a crear dos archivos más porque ahora solamente tenemos un index qué tal si creamos una hoja de estilos css y un archivo javascript no para que haya algo más porque si no bueno pues me voy aquí a dreamweaver archivo nuevo perdón aquí le dicen querer al menú edición archivo nuevo css crear voy a crear también aquí en mi sitio web una carpeta para almacenar los archivos de ese ese nueva carpeta a la carpeta la voy a llamar css voy a crear otra carpeta que la voy a llamar javascript js para almacenar los javascript y ahora esté css que acabo de abrir pues lo voy a guardar con el nombre de estilos dentro de la carpeta css que he creado si no conocéis de verdad igual porque lo único que he hecho por si alguien se ha perdido es crear desde dreamweaver dos carpetas que las podéis crear desde el propio sistema operativo y guardar en cada carpeta en este caso un archivo css un archivo de estilos que aquí lo tenéis y ahora pretendo guardar en javascript que de momento está vacía un archivo javascript pero como digo lo podéis hacer desde el propio sistema operativo desde windows por ejemplo entonces aquí yo voy a y voy a decir archivo nuevo quiero un nuevo archivo de javascript creamos y como llamar a este archivo bueno archivo guardar como voy a guardarlo en la carpeta js y aquí pues voy a llamar a esto pues javascript ya está así que tenemos un archivo index dos directorios y dentro de cada directorio dos archivos cómo podemos nosotros comprobar que git pues tiene constancia de todos estos archivos que acabo de crear a pesar de que no les estoy haciendo un seguimiento pues mira volvemos a la consola y hay un comando que es el comando git espacio status espacio guión s pulsamos la tecla enter y este comando de consola nos da un listado con todos los archivos que nosotros tenemos de momento archivos y directorios que tenemos nosotros de momento en la carpeta del proyecto nos indica que tenga un archivo index e. html y también un directorio css y un directorio javascript y si os fijáis nos está poniendo interrogantes a la izquierda de los directorios y del archivo index que quieren decir esos interrogantes en rojo quiere decir que ninguno de estos archivos y directorios está siendo sometido a seguimiento por parte de git es como si nos dijera mira sé que tienes esto en tu proyecto pero de momento no puedo crear copias de respaldo ni instantáneas ni nada de ninguno de estos archivos ni directorios lo suyo lo más normal sería decirle ahora mismo a git que nos hiciera un seguimiento a todo el proyecto a todo pero vamos a decirle a git para comenzar por lo más sencillo que haga un seguimiento solo al archivo index html como conseguimos eso lo hemos visto antes utilizando el comando git added si nosotros ahora la consola le decimos git espacio added y el nombre del archivo del que queremos que haga un seguimiento index. hr ml bueno pues aparentemente no ha pasado nada pero si ahora volvemos a utilizar el comando git espacio status espacio guión s pues fijaros como ahora lo que antes aparecía en el archivo index con interrogante no diciendo yo aquí no estoy haciendo ningún seguimiento no sé nada de este archivo ahora aparece aquí con una quiere decir que ese archivo ha sido ha agregado dónde está ese archivo ahora mismo ese archivo ahora mismo está en el stage ying área en el área de ensayo y nosotros podemos ver de forma clara que de momento el directorio css el directorio javascript no se le está haciendo ningún seguimiento por parte de git pero al archivo index.

hu teme l sí que se le está haciendo un seguimiento sí que lo está monitoreando bueno pues claro nuestro archivo index html está pues solamente con las etiquetas de estructura que ha generado dreamweaver de forma automática no tiene nada más sería un poco absurdo quizás hacer un respaldo hacer una foto una instantánea de este archivo que tengo ahora mismo en el área de ensayo con estas etiquetas de estructura porque siempre va a ser muy fácil volver a este archivo si necesita de git no es decir yo quizás haría la primera copia de respaldo un poco más adelante cuando haya hecho algunas modificaciones no obstante como es el primer proyecto en el que estamos utilizando git vamos a crear una copia de respaldo de este archivo html tal y como se encuentra ahora mismo como hacemos eso bueno pues una vez que está en el área de ensayo y así nos lo indica la consola para poder hacer una instantánea tenemos que utilizar en el comando commit así que aquí ya os anticipo que la consola de git nos va a pedir información adicional pero esto solamente es la primera vez que hacemos un cómic no si yo le digo ahora git commit y ahora para agregar una descripción porque recordar que en el vídeo anterior os dije que cada vez que hacemos una instantánea podemos adicionalmente poner una descripción que nos va a ayudar bastante para poder poner esta descripción espacio guión m espacio y entre comillas la descripción que quieres hacer de esta instantánea de esta foto fija que kit va a hacer al archivo voy a poner aquí por ejemplo comienzo del proyecto por poner algo entonces recordar que en el comienzo del proyecto tengo el archivo html no hay seguimiento a estilos y javascript para git como si no existieran y el archivo html está completamente en blanco pero bueno el caso es que si yo ahora le doy a enter fijaos lo que me dice que git me dice que una fila se ha cambiado 10 inserciones está hace referencia a las líneas de texto incluyendo la línea en blanco y pues que aquí ha creado como veis un respaldo del archivo en index. html si es la primera vez que usáis la consola de git para un proyecto que puede que la mayoría de vosotros estéis en esa situación os va a pedir un username la consola de git es decir no os va a dejar hacer el commit va a salir una especie de mensaje de error diciendo que introduzca un username podéis poner vuestro nombre por ejemplo y que introduzcas también una dirección de email pues introducimos un email tienen que ir entre comillas los dos el juz airlines el email y después de haber introducido esos dos datos que os pide git volvéis a probar esta instrucción con el cómic si os salen estos mensajes no os preocupéis porque si leéis la consola que muchas veces cuando nos sale un mensaje raro de error entramos en pánico y no leemos lo que nos dice el ordenador en este caso la consola veréis que os va a decir algo así que para introducir el juz hernán y el mail introduzca y si no recuerdo mal un comando que era aquí te espacio config dos guiones global y aquí y usher punto username si no recuerdo mal y después entre comillas el nombre y la misma instrucción pero en vez de ser punto y username y usher punto email y entre comillas el email bueno pues después de haber introducido estos comandos y así que podéis hacer el commit sin problemas bueno después de haber hecho el cómic si yo ahora utilizo nuevamente la instrucción status espacio guiones veréis como ahora sólo me informa la consola de git que hay dos archivos que no tienen seguimiento ninguno con los interrogantes en rojo y el index ha desaparecido de este comando status no eso es porque ya lo tengo agregado repositorio todo lo que se agregue al repositorio y tenga una copia de respaldo cuando nosotros le decimos git status s desaparece del listado con git status s sólo tendremos aquello que no está en el repositorio informándonos de si ni siquiera se le está haciendo un seguimiento o de si está en el área de ensayo bien qué ocurre ahora si a nuestro archivo le hacemos alguna modificación porque este archivo está en blanco vamos a ponerle algo vamos a poner aquí por ejemplo un 1 hola curso git no se me ocurre otra cosa es decir hemos agregado algo de código bien guardamos cambios estamos trabajando de forma normal con dreamweaver vosotros con vuestro editor el que sea y ahora después de haber hecho esto es decir hemos hecho un cambio después de haber hecho la foto fija y de tener este archivo en el repositorio hemos hecho un cambio si nosotros ahora en la consola le decimos nuevamente keep status s fíjate como ahora sí que me informa que el archivo index html ha sido modificado y aparece en rojo porque me indica con ese color rojo de que este cambio pues no ha sido respaldado por gino es decir has hecho esto y yo esto pues no lo he respaldado y esta es la forma que tiene que de informarme y me sigue informando también de qué css y javascript pues no se les está haciendo ningún seguimiento vamos a hacer alguna modificación más a este archivo porque si no va a estar muy soso bien imaginaos que ahora pues vamos a introducir aquí un párrafo un ejemplo esto es un párrafo de ejemplo más o menos así aquí cerramos la etiqueta del párrafo para los puristas esta tilde tenía que haber sido insertada con una entidad de html mira lo voy a hacer para que nadie me diga nada ampersand aquí vale guardamos cambios y ahora si yo quiero hacer un respaldo de este archivo con las dos modificaciones un respaldo como lo haríamos bueno pues nuevamente utilizamos el comando git commit despacio guión m y ahora tenemos que darle aquí una descripción que podría poner yo aquí en la descripción pues por ejemplo lo siguiente agregado título por poner algo porque ha agregado el título y también primer párrafo es decir algo que a mí me indique después como veremos qué es lo que dice en cada momento aquí ha agregado lo escrito mal aunque esto es lo de menos pero fijaos sin embargo el mensaje que me lanza la consola de git me dices chinches no te state for comité es decir no has llevado al área de stage state in área el área de ensayo este archivo que has modificado para el commit luego también me informa de que hay archivos que están sin seguimiento ántrax files y no cambios agregados al comité es decir que este comité que acabo de hacer ahora es como si no hubiera hecho nada no ha hecho absolutamente nada no aguardó ningún cambio porque pues porque me he saltado el área de ensayo cada vez que tú realizas un cambio en un archivo tienes que decirle a git que ese archivo tiene la última versión y después de eso hacer el commit es cómo preparar el archivo para poder hacer ese cómic y para ello tenemos que utilizar nuevamente el comando added así que aquí tendríamos que decirle clic ade y ahora index.