Introducción a Git

1

¿Por qué usar un sistema de control de versiones como Git?

2

¿Qué es Git?

3

Instalando GitBash en Windows

4

Instalando Git en OSX

5

Instalando Git en Linux

6

Editores de código, archivos binarios y de texto plano

7

Introducción a la terminal y línea de comandos

Comandos básicos en Git

8

Crea un repositorio de Git y haz tu primer commit

9

Analizar cambios en los archivos de tu proyecto con Git

10

¿Qué es el staging?

11

¿Qué es branch (rama) y cómo funciona un Merge en Git?

12

Volver en el tiempo en nuestro repositorio utilizando reset y checkout

13

Git reset vs. Git rm

Flujo de trabajo básico en Git

14

Flujo de trabajo básico con un repositorio remoto

15

Introducción a las ramas o branches de Git

16

Fusión de ramas con Git merge

17

Resolución de conflictos al hacer un merge

Trabajando con repositorios remotos en GitHub

18

Cómo funcionan las llaves públicas y privadas

19

Configura tus llaves SSH en local

20

Uso de GitHub

21

Cambios en GitHub: de master a main

22

Tu primer push

23

Git tag y versiones en Github

24

Manejo de ramas en GitHub

25

Configurar múltiples colaboradores en un repositorio de GitHub

Flujos de trabajo profesionales

26

Flujo de trabajo profesional: Haciendo merge de ramas de desarrollo a master

27

Flujo de trabajo profesional con Pull requests

28

Utilizando Pull Requests en GitHub

29

Creando un Fork, contribuyendo a un repositorio

30

Haciendo deployment a un servidor

31

Hazme un pull request

32

Ignorar archivos en el repositorio con .gitignore

33

Readme.md es una excelente práctica

34

Tu sitio web público con GitHub Pages

Multiples entornos de trabajo en Git

35

Git Rebase: reorganizando el trabajo realizado

36

Cómo usar Git Stash: guarda cambios temporalmente

37

Git Clean: limpiar tu proyecto de archivos no deseados

38

Git cherry-pick: traer commits antiguos al head del branch

Comandos de Git para casos de emergencia

39

Git Reset y Reflog: úsese en caso de emergencia

40

Reconstruir commits en Git con amend

41

Buscar en archivos y commits de Git con Grep y log

Bonus sobre Git y Github

42

Comandos y recursos colaborativos en Git y GitHub

43

Tu futuro con Git y GitHub

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Tu sitio web público con GitHub Pages

34/43
Recursos

GitHub tiene un servicio de hosting gratis llamado GitHub Pages. Con él, puedes tener un repositorio alojado en GitHub y hacer que el contenido se muestre en la web en tiempo real.

Este es un sitio para nuestros proyectos donde lo único que tenemos que hacer es tener un repositorio alojado. En la página, podemos seguir las instrucciones para crear este repositorio

Pasos para subir un repositorio a GitHub Pages

  • Debemos tomar la llave SSH y hacer un git clone #SSHexample en mi computador local (Home).
  • Luego, accederemos a la carpeta nueva que aparece en nuestra máquina local.
  • Creamos un nuevo archivo que se llame index.html
  • Guardamos los cambios, hacemos un git pull y seguido de esto un git push a master.
  • Vamos a las opciones de settings de este repositorio y, en la parte de abajo, en la columna Github Pages, configuramos el source o fuente para que traiga la rama master
  • Guardamos los cambios.

Después de esto, podremos ver nuestro trabajo en la web como si tuviéramos nuestro propio servidor.

Aporte creado por: Jhon Bangera.

Aportes 567

Preguntas 112

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Por aquí mis apuntes y aportes

Acá les dejo mi portafolio que he ido construyendo con cada curso de Platzi que he ido haciendo 😃 Aún sigo mejorandolo pero qué genial ya poder mostrarlo! https://dnfloresc.github.io/portfolio/

Acá les dejo un laberinto con una estética norcoreana que hice con html usando el framework a-frame. Se navega como un videojuego.

https://minombreesana.github.io/Laberinto-Pyongyang/

Aquí pueden ver el repositorio que he estado trabajando
https://avasquez-ve.github.io/gitCommands/
contiene los comandos más usados y otros recordatorios para usar GitHub, etc.

Pueden hacerle fork y mejorarlo si desean 😄

Si se crea una rama llama gh-pages, Github desplegará automáticamente lo que forme parte de dicha rama para que sea accesible desde internet.

Aclaración:
Para tener un servicio de hosting gratis en GitHub pages, no es necesario que el repositorio tenga el nombre de usuario.
Puedes tener muchisimo repositorios y que puedas publicarlo, solo debes cumplir con estos requisitos:

  • Tener tu repositorio
  • Tener tu archivo index.html
  • archivos adicionales
    cuando los tengas, vas a setting y cambias de root a la rama master, luego solicitas la url y ya esta.

PSD:
Pienso que este video solo necesita actualizarse (por eso el error), porque ahora github te brinda servicio de hosting para todos los repositorios que tengas.

Gracias a github pages monte mi biografía una especie de curriculum xD
https://marqcervmartin.github.io/

Por si alguien lo olvidó, para insertar texto en vim se hace: esc i

Les dejo mi ajedrez hecho con javascript: https://wilmercp.github.io/
(Funciona en desktop)

Aqui esta mi seguimiento del curso, cree todas las clases como html
Curso profesional de git

Les comparto mi sitio web alojado con Github Pages
Johan Mosquera - Website

Wow esto está demasiado excelente. me la paso buscando hostings gratuitos para ver mis mini proyectos en internet. Esto será demasiado útil y tendré control total sobre todos los cambios que vaya realizando. Simplemente grandioso. 🙂

Hola! Si alguno está en Ubuntu y ha tenido problemas con el comando vim <nombre del archivo>, deben instalar vim con “sudo apt-get install vim” en la consola. Saludos, estimados presentes.

Para los que estén en 2022 haciendo el curso, y no les salga su página sin poner el index.html , en Settings de su repositorio deben especificar que el branch sea main y que la ruta la tome de /docs, así ya no va a tomar el README como el index.

De esta manera, su página se muestra directo con:
https://username.github.io/ sin necesidad de agregar index.html

Este es uno de mis proyectos publicados, espero que les guste:

Huddle, Landing page

Si ponemos un archivo index.html en la raiz como el de hyperblog tendremos la pagina principal sin tener que añadir /hyperblog.html: aqui el ejemplo Hyperblog

Apuntes 😃

Este es mi portafolio y dentro de él, todos mis proyectos que he realizado los subo a github pages. Me gustaria recibir alguna retro. Saludos

https://memobrown.com

Buenas noches a todos!

Les cuento que a la fecha de hoy, la plataforma de Git Hub, ha tenido muchos cambios, por lo tanto, al hacer la pagina, segun las indicaciones de Freddy, ya no funciona. Les dejarè el link de la documentacion de Git Hub, en donde indican, como actualizar nuestros repositorios en la misma.

https://docs.github.com/es/pages/getting-started-with-github-pages/creating-a-custom-404-page-for-your-github-pages-site

Espero que sea de utilidad, para ustedes.

Hola muchachos !
Comparto mi Github pages https://drew-santana.github.io/
**Nunca paren de aprender 😄 **

Tu sitio web público con GitHub Pages
Este es un sitio para nuestros proyectos donde lo único que tenemos que hacer es tener un repositorio hosteado.

En la pagina podemos seguir las instrucciones para crear este repo, tomar la llave SSH y hacer un git clone #SSHexample en mi maquina local (Home).

Luego accederemos a la carpeta nueva que aparece en nuestra maquina local, seguido de esto crearemos un nuevo archivo que se llame index.html

Guardamos los cambios, hacemos un git pull y seguido de esto un git push a master y luego vamos a las opcioens de settings de este repositorio y en la parte de abajo en la columna github pages configuramos source para que traiga la rama master y guardamos lo cambios.

Despues de esto podremos ver nuestro trabajo en la web como si tuviéramos nuestro propio servidor.

Cuantas paginas puedo pober en Github Pages ?

estoy haciendo pruebas con pelican en github pages, pueden ver desde mi url https://chuda.org, si le crean un archivo CNAME y apuntan a la ip de github el dominio pueden usar dominios personalizados

lista mi Github page! https://jxhnnx95.github.io/ -Se aceptan opiniones 😄 -

Les comparto mi portafolio hecho con React
https://elmergustavo.github.io

🐱‍💻 GitHub Pages es un servicio de alojamiento para un sitio estático que toma archivos HTML, CSS y JavaScript directamente desde un repositorio en GitHub.

Es un buen lugar para hostear páginas sencillas, mi recomendación es que si tienes un sitio web propio, en tu github pages agregues una redirección mediante un script a ese sitio web jaja

Platzinautas 💚 🚀
Quiero compartirles mi página hecha con GitHub Pages.
Por algo se empieza c: https://emlsn.github.io/
Y así va quedando la página con la que trabajamos en el curso: https://emlsn.github.io/hyperblog/

Aquí les dejo mi página web personal para que puedan visitarla.
Tiene integrado una radio que reproduce MUSICA PARA PROGRAMAR 24/7 para que se puedan concentrar mientras NUNCA PARAN DE APRENDER

MI BLOG con Radio 24/7

Settings/Code ans Automation/Pages

En Enero 2023 Ya no esta en settings/general ahora tienen una seccion en pages a la izquierda aparece

Buenas a todos,

Soy Ingeniero en Tecnología Interactiva y Animación Digital

Les comparto mi link, el sitio fue desarrollado en su mayoría con los cursos de desarrollo web y responsive, aun tiene cosillas por corregir.

https://iritaca.github.io/

Saludos a todos

Si estas viendo el curso como yo en 2022 github pages queda al lado izq de tu pantalla

También me gustaría compartirle mi mini portafolio que e ido haciendo con cosas que he aprendido de React JS
https://bryangalicia23.github.io/Pagina-Web-Personal/#/

No coloquen el .html, ya no funciona así, 20 minutos mirando que estaba mal. Que no les pase 😉

https://gsuscastellanossc.github.io/hyperblog/blogpost```

Nunca pense que iba a llegar tan lejos 😄 que emoción aprender todo esto Freddy es mi Fav.

Les dejo el link de mi portafolio subido en githud pages😊
https://dlanmi.github.io/Portfolio/

INVOCO A LOS DIOSES DEL DESARROLLO!

https://andreisap.github.io/apch_portafolio/ aquí les dejo mi portafolio puse mucho esfuerzo en hacerlo

Qué bonito que es GitHub con nosotros!

Para la nueva interfaz necesitan seleccionar docs para que les funcione el ejemplo mostrado por freddy

Acá mi portafolio construido con Vuejs, Aun tengo cosas por mejorar, como la traducción total a ingles, pero funciona lindo… jejeje

https://jesuskinto.com

Crear un GitHub Pages:

1. Crear un nuevo repositorio dentro de la pagina pages.github.com
2. Clonar repositorio a carpeta de usuario "SSH o HTTPS"
3. Entrar en el directorio nuevo
4. Crear un archivo de index.html
5. Hacer el commit del archivo index.html
6. Hacer Git push 
7. Ingresamos a las opciones del repositorio creado en GitHub y señalamos la opcion de Github Pages y activamos la master/main
8. cambiamos el nombre del usuario a usuario.github.io
9. Listo

https://fsice1.github.io/WebHomer/ mi humilde aporte de los simpson!

Pues aquí está un proyecto sencillo del curso de CSSgrid, usando el servicio de github-pages ❤️

muy bueno, les dejo el link de mi github page.
https://vitalis-202.github.io/

Aqui les dejo mi sitio wed, para ser sincero e visto mejores en los aportes de otros compañeros pero lo hice, tuve algunos errores que me toco corregirlos hasta que salio lo que se me pedía en la clase.

https://juancortesparra.github.io

Hola como estan?
Les comparto mi humilde portafolio u Hoja de Vida que hice durante el curso de desarrollo web con Platzi, es una bobada pero por algo se empieza
https://diegoalejoreyes.github.io/Portafolio_HV/

Que tal les dejo un page en github, en dende realize un template para consumir los primeros 150 Pokemon con Angular, estamos en eso todavia…!

https://kapr53.github.io/kapr53.pokedex.github.io/

Aquí dejo mi página web realizada en github pages: https://igarcia53.github.io

Les comparto el mio https://daessar.com

Aclaración solo funciona si le agregas a Repository name el “tu_nombre_cuenta”.github.io Lo hice solo con el nombre y me mostraba error

Les comparto un sitio muy muy básico que hice como una invitación a una fiesta
https://arzcorp.github.io/invitacion/

Les comparto mi portafolio 😄
https://migueleconomics.github.io/

A dia de hoy en nov 2022 la opcion ya no se encuentra donde señala el video en 4:40.
Ahora la encuentras a la izquierda, una de las opciones en el apartado “Code and automation” es “Pages”

Aquí les dejo una pagina que le hice a mis gatas:
https://jlruedam.github.io/magtowa/

No es mucho pero es trabajo honesto…apenas está en mobile first

Primero subir el repositorio a github y luego miren este video desde el el minuto 21:53 como pasarlo a github pages de una manera mucho mas fàcil y sencilla… https://www.youtube.com/watch?v=QaxgF4v4hms

Hola compañeros, les dejo uno de mis proyectos, si tienen algun cambio, les acepto los PullRequests

https://darcardenasp045.github.io/Daniel/piedrapapelotijera.html

No es la gran cosa, pero bueno jajaja, pa cumplir con la clase
https://rotgergabriel.github.io/index.html

listo simple y minimalista https://jemc300x.github.io

Aquí dejo la prueba de mi existencia https://mauricio2802.github.io/

GitHub Pages es un servicio gratuito de alojamiento web proporcionado por GitHub que te permite publicar sitios web estáticos directamente desde tus repositorios de GitHub. Es una excelente opción para mostrar proyectos, documentación, blogs personales y más, de forma rápida y sencilla.
.
Una guía básica sobre cómo utilizar GitHub Pages:
.
• Crear un repositorio: si aún no tienes un repositorio en GitHub, crea uno para tu sitio web. Asegúrate de incluir un archivo index.html en la raíz del repositorio. Este archivo será la página principal de tu sitio.
.
• Activar GitHub Pages: ve a la página principal de tu repositorio en GitHub y haz clic en la pestaña “Settings”. Desplázate hacia abajo hasta la sección “Pages” y selecciona la rama de tu repositorio que contiene tu sitio web. Si aún no tienes una rama específica para tu sitio web, puedes seleccionar la rama principal (por lo general, main o master). Luego, haz clic en “Save”. GitHub Pages generará automáticamente una URL para acceder a tu sitio web.
.
• Personalizar la configuración: puedes personalizar la configuración de tu sitio web en la sección “Pages”. Puedes elegir un tema predefinido o cargar tu propio tema. También puedes configurar la opción de usar un dominio personalizado si deseas asociar un nombre de dominio propio con tu sitio web.
.
• Añadir contenido: a medida que añades más archivos HTML, CSS, imágenes u otros recursos a tu repositorio, estos se reflejarán automáticamente en tu sitio web de GitHub Pages.
.
• Acceder a tu sitio web: una vez que GitHub Pages haya generado la URL de tu sitio web, puedes acceder a él mediante la URL proporcionada en la sección “Pages” de la configuración de tu repositorio. Tu sitio web estará disponible públicamente para que otros lo visiten.

https://juli6464.github.io/ Mi página de portafolio

Que buena la aclaración de los cambios en GitHub! Estaba un poco perdido y me aclaró el proceso.

Para las personas que no les sale la opción de GitHub Pages o Pages como en la clase, aquí les digo que tienen que hacer para que les salga.
Primero.- Tienen que nombrar el repositorio como “usurname”.github.io
Segundo.- Ir a settings -> Ir al apartado de Code and automation -> Ir Pages -> Y ahora si seguir los pasos de la clase del señor Freddy Vega!

es increible que este curso lo hizo hace más de 3 años y en su mayoria sigue todo vigente.

Listo. Ahora es posible crear una webpage para cada proyecto individual. El proceso es un poco diferente y lo comparte @joel_barrantes_palacios en otro comentario.

Also, aqui esta la guia oficial de gitHub para este proceso(disponible en Español):
GitHub Pages

Les dejo mi primerisima pagina:

Un truco de Visual studio code con GitHub es escribir lo siguiente el url de cualquier repositorio publico:
vscode.dev/ https//:url-del-repositorio-en github
y les abre una version online de VScode con todos los archivos del repositorio.

Bueno, para practicar yo subi un proyecto que estaba haciendo para practicar un poco de animacion, entren aqui si gustan checar, es un circuito “animado” y el logo del centro tambien.

Les dejo mi prueba, nada especial, ya más adelante con un poco mas de conocimientos en html y css vamos ir actualizando!

My first page in GitHub Pages

**Es impresionante todo lo que uno aprende cada vez que avanza este curso es muy emocionante jejejje gracias freddy por ser ese excelente profesor, Platzi es una gran escuela llena de profesores con mucho talento **

GitHub tiene un sistema de hosting gratuito, con esta herramienta podemos crear paginas web de manera muy sencilla que podriamos utilizar para cargar nuestro portafolio.

1. Para crear una pagina web con GitHub lo primero que se debe hacer es crear un nuevo repositorio cuyo nombre sea nuestro mismo nombre de usuario, además este debe ser de carácter publico.

2. Después estando ubicados en el home de nuestro dispositivo ejecutamos el comando 
Git clone  https://github.com/kevinpaezbeltran/Hyperblog.git para clonar el repositorio creado en el paso 1 con la url estandar HTTP o SSH del mismo.

3. Se nos creara una carpeta en nuestro home con el nombre de nuestro repositorio (usuario). Dentro de esa carpeta crearemos un archivo HTML que será la estructura de nuestra pagina

4. Trackeamos el archivo con git add Nombre_del_archivo hacemos un commit y luego un push para subir los cambios al repositorio remoto

Luego en GitHub debemos dirigirnos a ese repositorio y estando en la sección pages de los settings seleccionar la rama main o principal.

Comparto cun ustedes un mapa de demarcación territorial que hice para una tarea en la universidad. Mapa web

En el curso que dejaron en referencias encontré este link con un proyecto interesante.
Se los dejo por aquí, quizás les sirva de inspiración. 😃
https://lucasfrezzini.github.io/platzi-curso-practico-javascript/
https://github.com/lucasfrezzini/platzi-curso-practico-javascript

Un sitio publicado en Github Pages no tiene límites en cuánto a número de páginas pero si en cuanto a su uso:

Los repositorios no deben exceder de 1 GB de datos.
Los sitios publicados no deben exceder de 1 GB de datos.
Hay un bando de ancha de 100 GB por mes en el sitio publicado.

Desde que supe sobre Github Pages, lo usé para mi cv online.

Ya iría por la tercera actualización 😃

https://jessicahch.github.io/

Les comparto mi página personal que estoy haciendo con GitHub Pages: renatojobal

Amigos aquí les dejo esta pagina que cree en la que explico todos los comandos y la teoría necesaria para trabajar con Git y GitHub, espero les sea útil! https://jhscode10.github.io/pagGit-GitHub/

Es interesante que el hosting de GitHub se adapta bien con Angular! 😃 Para hacer portafolios de nuestros trabajos más profesional.

Aquí esta el link de mi proyecto, les agradecería si me dan un feedback, para los amantes de GOKU, le puso un gif increible 🔥🔥🔥 DaRealBlog

Aquí les dejo un proyecto aplicando lo aprendido para realizar rifas sencillas
INGRESAR A RIFAS

Aquí les dejo mi versión de hyperblog:

Hyperblog2.0

https://ieesuschumpitaz.github.io/Hyperblog2/

pues todavía no tengo un portafolio como la mayoría de los comentarios, pero les dejo la pugna que hice para resultados de este curso:
https://cristianramos5.github.io/Blog/

Así luce mi github pages
https://crileiton.me/

les comparto la pagina del proyecto del blogpost.
https://david-padilla.github.io/blog-master/blogpost.html

Aqui les dejo mi web https://fapcod.github.io

Un proyecto de Front-end con el poder de GitHub:https://diego-luna.github.io/Diegital_proyect/

Les comparto la pagina del proyecto BlogPost:

BlogPost

Les comparto mi semi terminado portafolio, le falta agregar proyectos y cosas así jaja.

https://alexandermelian.github.io/

Comparto una pequeña bobadita 😝😝
https://edwinestrada17.github.io/