Skip to content

Commit

Permalink
Merge pull request #4 from HaroldMart/Haroldy
Browse files Browse the repository at this point in the history 
Git me tiene jartisimo
  • Loading branch information
@itskenshin
itskenshin authored Jul 22, 2022
2 parents 7811293 + 5dd6d10 commit 7c1011e
Show file tree
Hide file tree
Showing 2 changed files with 56 additions and 100 deletions.
114 changes: 28 additions & 86 deletions Git-GitHub.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,28 +4,21 @@
<meta charset="UTF-8">
<title>GrupoSoftware</title>
<link rel="stylesheet" href="./GrupoSoftware/css/Git-Github-style.css">

</head>

<body>

<header>
<!-- Menu de navegacion -->
<nav class="header-menu">

<a href="#"><img src="./GrupoSoftware/css/images/group_icon.png" alt="#"></a>
<h1>Grupo Software ITLA</h1>

</nav>

</header>

<main>

<div class="contenedor-principal">

<article>

<h1 class="principal-title">Git / Github <img width="50" align="absmiddle" src="./GrupoSoftware/css/images/git.png" alt="Git"> </h1>

<div class="bloque bloque1">
Expand Down Expand Up @@ -72,128 +65,80 @@ <h3>Carpetas</h3>
<br>
<h3>Cosas</h3>
<p><span style=color:red;>control + L</span> limpiar consola o también escribir <span style=color:red;>clear</span></p>
<p><span style=color:red;>control + C</span> para salir del programa</p>
<p><span style=color:red;>control + Z</span> para pausar el programa</p>
<p><span style=color:red;>control + R</span> para reanudar el programa</p>
<p><span style=color:red;>control + D</span> para eliminar el archivo</p>
<p><span style=color:red;>control + F</span> para buscar un archivo</p>
<p><span style=color:red;>control + S</span> para guardar el archivo</p>
<p><span style=color:red;>control + O</span> para abrir un archivo</p>
<p><span style=color:red;>ls</span> lista todos los archivos de la carpeta</p>
<p><span style=color:red;>ls -a</span> lista todos los archivos de la carpeta con los archivos ocultos</p>


</div>
<br>

<div class="bloque bloque2">
<h3 id="github">Comandos importantes GIT</h3>
<ul>
<li><span style=color:red;>git init</span> para iniciar repositorio local ------ importante este comando
este por lo general lo inicias dentro de la carpeta de tu proyecto…
</li>
<br>
<li><span style=color:red;>git clone "Nombre_del_repositorio"</span> clona el repositorio y lo configura como remoto.</li>

<br>
<li><span style=color:red;>git status</span> para saber los estados de los archivos AQUÍ PUEDES VER QUE
ARCHIVOS
ESTAN LISTOS PARA SUBIR Y CUALES NO también puedes ver que archivos se modificaron etc.….
</li>
<br>
<h4>¡¡¡¡AQUÍ PREPARANDO LA COMIDA!!!! ¡¡¡PREPARANDO ARCHIVOS!!! ESTOS 2 COMANDO SIGUIENTES</h4> <br>
<h4>¡¡¡¡AQUÍ PREPARANDO LA COMIDA!!!! ¡¡¡PREPARANDO ARCHIVOS!!! ESTOS 2 COMANDO SIGUIENTES</h4>
<li><span style=color:red;>git add + nombre DE ARCHIVO</span> para agregar el archivo OJO ESTE COMANDO NO
VA SUBIR EL ARCHIVO AUN SOLO LO PREPARA
</li>
<br>
<li><span style=color:red;>git add .</span> para subir todos los archivos juntos OJO ESTE COMANDO NO VA
SUBIR lOS ARCHIVOS AUN SOLO LOS PREPARA
</li>
<h4>AQUÍ YA SI TA LISTA PARA COMERMELA……. COMANDO SIGUIENTE SUBIENDO ARCHIVOS</h4>
<li> <span style=color:red;>git commit -m “aquí pones alguna descripción del cambio que has hecho es
opcional, pero es recomendado para indicarle a
tus compañeros de trabajo los cambios que has realizado”</span></li>
<br>
<h4>AQUÍ YA SI TA LISTA PARA COMERMELA……. COMANDO SIGUIENTE SUBIENDO ARCHIVOS</h4> <br>
<li> <span style=color:red;>git commit -m “aquí pones alguna descripción"</span> aqui va subir los archivos preparados (staged) al repositorio local -m significa para agregarle un mensaje es recomendable para que tu y tus compañeros sepan de que trata.</li>
<br>
<li><span style=color:red;>git commit -am "mensaje aqui"</span> Es un atajo para haccer un git add + mensaje todo combinado pero tener en cuenta que solo funciona con archivos modificados no con archivos nuevos.</li>
<br>
<span>Commit comando ya empaqueta todos los archivos PREPARADOS para subir y los envía al repositorio local.</span>
<span>Este comando ya empaqueta todos los archivos PREPARADOS para subir y los envía al repositorio local.</span>
<span>Nota: un dato importante cada cambio que hagamos a ese archivo ya subido en el repositorio
Debemos volver hacer un commit para actualizar esos cambios que hicimos.
Debemos volver hacer un commit para actualizar esos cambios que hicimos.
</span>


<br>
<br>
<li> <span style=color:red;>git remote add origin "Nombre_del_repositorio"</span> Aqui estoy agregando la referencia del repositorio remoto origin es un alias que le estamos dando para luego usarla en el push.</li>
<br>
<li> <span style=color:red;>git push origin main</span> Aqui estoy subiendo los archivos al repositorio remoto (origin) es el alias que le dimos a la referenia y
(main) es el nombre de la rama que vamos a subir los cambios.</li>
<br>
<li> <span style=color:red;>git push -u origin main</span> con el -u es un atajo para no volver a poner origin main.</li>
<br>
<li> <span style=color:red;>git remote -v</span> para ver los repos remoto</li>
<br>
<li> <span style=color:red;>git --version</span> para saber la version git.</li>
<br>
<li> <span style=color:red;>git pull origin main </span> me va traer los cambios del remote a mi repositorio.</li>

</ul>

<pre>
<p>Ojo: <br>ESTOS COMANDO ES PARA LA GENTE LOCA QUE HACE DESASTRE TRANQUILO VENGO A SALVARLOS <br>SI USTEDES HACEN UN CAMBIO Y DICEN WAOO ME EQUIVOQUE QUIERO VOLVER AL PASADO...</p>
<p>Ojo: <br>ESTE COMANDO ES PARA LA GENTE LOCA QUE HACE DESASTRE TRANQUILO VENGO A SALVARLOS <br>SI USTEDES HACEN UN CAMBIO Y DICEN WAOO ME EQUIVOQUE QUIERO VOLVER AL PASADO...</p>
</pre>


<span style=color:red;>git checkout .</span> este comando lo que va hacer es un rollback ósea el ultimo commit…..
ese último cambio que subiste va desaparecer.

<span style=color:red;>git log</span> este es un comando para ver los cambios realizados te dice quien lo hizo ese cambio, la fecha
para saber quién fue el criminal que jodio la vaina.
<br>
<br>

Un dato hay una forma de acceder al commit de otra persona o a tu propio commit que hiciste en el pasado etc
Primero ejecutas el <span style=color:red;>git log</span> y veras al lado de la palabra ‘commit’ un texto largo con números y letras lo copias
luego ejecutas <span style=color:red;>git checkout</span> + el texto que copiaste y guala estarás en ese commit….
<br>
<br>

<span style=color:red;>git diff</span> este comando lo podemos usar cuando hacemos un cambio en el archivo que ya subimos por ejemplo que escribamos
una nueva línea de código con este comando nos dirá exactamente que escribimos
y donde.Hay algunos ide como pycharm que cada cambio que hagas el archivo
cambia de color azul indicándote que estas modificando este archivo tambien lo podemos usar para comparar entre dos ramas.
<br>
<br>
cambia de color azul indicándote que estas modificando este archivo.

<span style=color:red;>git reset HEAD + NOMBRE DE ARCHIVO </span> quita el ultimo commit del archivo especifico como un rollback pero no lo borra del repositorio local.
<span style=color:red;>git reset HEAD + NOMBRE DE ARCHIVO </span> este comando nos permite quitar un archivo de
la preparación OJO ósea quita un archivo de los archivos que están esperando SER
comidos no de lo que ya están en la barriga….
<br>
<br>
<span style=color:red;>git reset HEAD~1</span> es parecido lo mismo que el anterior pero es un atajo para decir el ultimo commit.
<span>
<br>
<br>
<span style=color:red;>git reset</span> quita los archivos que estan en staged en preparacion para subir tambien podemos pasarle el hashcode con git log el hashcode es una numeracion que nos da el comando git log lo cual nos da informacion de los commit y cada commit tiene su hascode.
<br>
<br>
<span style=color:red;>git reset "nombre_archivo"</span> lo mismo pero para un archivo especifico..
<br>
<br>
<span style=color:red;>git reset --hard </span> es para borrar todos los cambios que hiciste en el repositorio local y los borra podemos usar un git log para buscar el hashcode para hacer un rollback especifico peligro con este!!.
<br>
<br>
<h2>Datos importantes GITHUB</h2>
<br>

<p><span>Pull Request</span> quiere decir cuando alguien que no esta en tu grupo de colaboracion
quiere participar o agregar o modificar algo y luego se decide o no si esos cambios que hizo esa
persona quiero aceptarlos.</p>
<br>


<span>Fork</span> quiere decir que vas hacer una copia de un repositorio por ejemplo de otra persona
y quieres experimentar con esa informacion ojo los cambios que hagas en esa copia no se
va modificar en la original de esa persona a menos que hagas un pull request y esperes su aprobacion.
<br>
<br>

<span>Nota: Podemos crear un archivo llamado .gitignore y aqui espeficar los nombres
de los archivos que no quiero subir a github esto es importante ya que hay veces
que vamos a querer no subir archivos con informacion privadas ya sea api keys etc...
normalmente cuando creas un repositorio en el proyecto se crea un archivo gitignore</span>
<br>
<br>

<li>Recordar hacer una cuenta en GitHub</li>
<li>Luego pueden darle a new para crear repositorio</li>
<li>Cada repositorio tiene una dirección especifica que utilizaremos para sincronizar el repositorio local con el remoto parecida a esta</li>
Expand Down Expand Up @@ -231,7 +176,6 @@ <h2 id="ramas">Ramas o Branch</h2>
<li><span>git branch</span> Para saber los tipos de ramas o Branch que tenemos
los Branch son prácticamente como una carpeta padre donde contiene los archivos de un proyecto</li>
<li><span>git branch + nombre </span> Crea un nuevo branch o rama.</li>
<li><span>git checkout -b nombre</span> Crea un nuevo branch o rama y lo pone como el branch actual.</li>
<li><span>git checkout + nombre </span> Accedo a esa rama.</li>
<li><span>ls</span> para ver los archivos que tiene esa rama.</li>
<li><span>git merge + nombre de ese branch</span> para fucionar la rama activa con la deseada.</li>
Expand All @@ -253,7 +197,8 @@ <h4>PASOS PARA HACER PUSH desde el repositorio local al remoto DESDE EL COMAND L
</pre>



<h3>Pull</h3>
<p><span>git pull origin main</span> para traer los cambios realizados que se hicieron en el repositorio o en github.</p>

</div>

Expand All @@ -264,24 +209,21 @@ <h4>PASOS PARA HACER PUSH desde el repositorio local al remoto DESDE EL COMAND L

<h3>Indice</h3>
<br>
<hr>
<br>
<br>
<ul>
<li><a href="#git">Git</a></li>
<li><a href="#github">Datos importante de GITHUB</a></li>
<li><a href="#ramas">Ramas o Branch</a></li>
<li><a href="#git">Git</a></li><br>
<li><a href="#github">Datos importantes GITHUB</a></li><br>
<li><a href="#ramas">Ramas o Branch</a></li><br>
</ul>


</aside>

</div>


</main>

<footer>
<span>Hecho por el grupo de software</span>
<img src="" alt="#">

ITLA
</footer>

Expand Down
42 changes: 28 additions & 14 deletions GrupoSoftware/css/Git-Github-style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ header{
width: calc(100vw -0px);
height: 100px;
outline: solid 2px white;
background: #0c0820;

}

header .header-menu{
Expand Down Expand Up @@ -68,6 +70,10 @@ main{
line-height: 56px;
}

h2, h3 {
margin-top: 50px;
}

/* .bloque1{
} */
Expand All @@ -76,26 +82,24 @@ main{
font-weight: 300;
font-size: 14px;
margin: 15px 0;
padding: 10px 20px;
border: 2px solid rgba(128, 128, 128, 0.253);
border-radius: 5px;

padding: 20px 30px;
border: 3px solid rgba(104, 104, 104, 0.253);
border-radius: 10px;
color: yellow;
background-color: rgb(0, 0, 0);
}

.bloque1 pre{
padding: 10px 20px;
border: 2px solid rgba(128, 128, 128, 0.253);
border: 3px solid rgba(128, 128, 128, 0.253);
border-radius: 5px;

color: yellow;
background-color: rgb(0, 0, 0);
}

/* .bloque1{
/* .bloque1{
} */
} */

.bloque ul li span{
color:white;
Expand All @@ -118,18 +122,23 @@ main{

/* ________________________________________________________________________________ */
footer{
height: 200px;

background-color: blue;
height: 150px;
border-top: 3px solid white;
font-style: italic;
padding: 30px;
background: #0c0820;
}

.aside-class{
padding: 20px 10px;
height: 80vh;

height: 60vh;
margin-top: 100px;

/* remember to delete */
background-color: #504C5A;
background-color: #484150;
border: 4px solid rgb(10, 94, 10);
border-radius: 20px;
font-size: large;
}

.aside-class ul li {
Expand All @@ -139,8 +148,13 @@ footer{

.aside-class ul li a{
color: #fff;
text-decoration: none;
}

.aside-class ul li a:hover{
color: rgb(0, 0, 66);
}

.aside-class h3 {
margin-top: 20px;
}

0 comments on commit 7c1011e

Please sign in to comment.