RECUERDA PONER A GRABAR LA
CLASE
Clase 10. DESARROLLO WEB
GITHUB
● Aprender qué es un repositorio en
Github.
● Crear un repositorio para nuestro
proyecto.
OBJETIVOS DE LA CLASE ● Subir el proyecto al repositorio usando
los comandos de Git.
GLOSARIO:
Clase 9
Git: es un sistema de control de versiones
gratuito y de código abierto, diseñado para
manejar desde pequeños a grandes proyectos
de manera rápida y eficaz. Se entiende como
control de versiones a todas las herramientas
que nos permiten hacer modificaciones en
nuestro proyecto. Este sistema registra los
cambios realizados sobre un archivo o conjunto
de archivos a lo largo del tiempo.
GLOSARIO:
Clase 9
Repositorio: es un espacio centralizado donde se almacena,
organiza, mantiene y difunde información.
● Git Init: este comando se usa para crear un nuevo repositorio
en Git.
● Git Add: se utiliza para agregar el o los archivos al Staging Area.
● Git Commit: una vez que nuestros archivos están en el Staging
Area debemos pasarlos a nuestro repositorio local y para eso
debemos usar el git commit, que es el comando que nos va a
permitir comprometer nuestros archivos.
MAPA DE CONCEPTOS
MAPA DE CONCEPTOS CLASE 10
GitHub ¿Qué es?
Creación de cuenta Creación de un Subida del
repositorio repositorio
CRONOGRAMA DEL CURSO
Clase 9 Clase 10 Clase 11
Git GitHub Framework CSS +
Bootstrap
PRÁCTICAS DE LO PRÁCTICAS DE LO
VISTO EN CLASE VISTO EN CLASE MAQUETAR CON BOOTS
CREAR REPOSITORIO EN APLICANDO BOOTSTRAP
GITHUB
GUIÓN DE LA CLASE
Accede al material complementario aquí.
GITHUB
GITHUB: ¿QUÉ ES?
[Link]
Por ahora todo lo que venía ocurriendo en Git era de manera local, no
necesitábamos nada de internet para guardar nuestros commits y nuestro
repositorio.
Ahora queremos compartir nuestro trabajo con otros (compañeros de
proyecto, clientes, etc), ¡para eso utilizamos Github!
Github es una especie de “red social” de programadores. Con este
sitio podemos subir nuestros proyectos y lograr que otras personas
colaboren.
CREANDO CUENTA EN GITHUB
Ve a
[Link]
(está en inglés).
Haz clic en “sign up”.
CREANDO CUENTA EN GITHUB
Llena el formulario:
● Nombre de usuario.
● Dirección de e-mail (es
recomendable usar el mismo
email que usaste anteriormente
en tu perfil de Git
anteriormente).
● Contraseña.
Luego “Next: select a plan”, para
seleccionar el plan que queremos
tener.
CREANDO CUENTA EN GITHUB
CREANDO CUENTA EN GITHUB
CREANDO CUENTA EN GITHUB
Github pedirá que verifiques tu email. Al abrir el mail, verás que dice
Click the link below to verify your email address:
Y una dirección de email, a la que harás clic.
tuemail@[Link]
CREANDO CUENTA EN GITHUB
CREANDO UN REPOSITORIO
Luego de hacer clic en el enlace
de verificación, aparecerá una
pantalla así, que indica que tu
e-mail ha sido verificado, y
permite que hagas tu primer
repositorio.
Por ejemplo, podría ser llamado
“mi_repositorio”, para que
pruebes con los archivos que
trabajaste en el desafío de GIT.
CREANDO UN REPOSITORIO
Elegimos “público” o
“privado”. Si bien con privado
limitamos el acceso a cualquier
persona, no nos permitirá
mostrar nuestro código como
página web, por lo que
elegimos “público”. Luego
hacemos clic en “create
repository”.
VAMOS A SUBIR NUESTRO REPOSITORIO
Vamos a nuestra terminal, y nos ubicamos en el proyecto creado en la
clase pasada. Copiaremos las siguientes líneas para realizar el “push” de
los archivos a nuestro servidor en GitHub.
/* Paso 1: me ubico en mi repositorio */
john@MyShopSolutions :~$ cd Documents/Proyectos_Coder/mi_repositorio
/* Paso 2: indico cuál será mi nuevo repositorio remoto */
john@MyShopSolutions:~/Documents/Proyectos_Coder/mi_repositorio$ git remote
add origin [Link]
VAMOS A SUBIR NUESTRO REPOSITORIO
/* Paso 3: Pusheamos todos nuestros archivos al repositorio de github*/
john@MyShopSolutions:~/Documents/Proyectos_Coder/mi_repositorio$ git push -u origin
master
Username for '[Link] miuser /* Pedirá el usuario de github */
Password for '[Link] /* Pedirá el la clave de github *//
Counting objects: 9, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (6/6), done.
Writing objects: 100% (9/9), 869 bytes | 217.00 KiB/s, done.
Total 9 (delta 2), reused 0 (delta 0)
remote: Resolving deltas: 100% (2/2), done.
To [Link]
* [new branch] master -> master
Branch 'master' set up to track remote branch 'master' from 'origin'.
LOS ARCHIVOS YA EN GITHUB
MÁS PROPIEDADES DE GITHUB
Como plataforma colaborativa, GitHub ofrece a sus usuarios una
gran cantidad de funcionalidades para la gestión de proyectos,
todas apoyadas por la comunidad. Por esta razón, a lo mejor dentro de
un año tenga agregadas nuevas características que le permitan a los
usuarios un mejor desenvolvimiento en el desarrollo de código.
¡VAMOS A PRACTICAR LO VISTO EN
LOS BREAKOUT ROOMS!
4
CREAR REPOSITORIO EN GITHUB
Crea un repositorio en GitHub.
CREAR REPOSITORIO EN GITHUB
Formato: link al repositorio de GitHub. Debe tener el nombre
“Idea+Apellido”.
Sugerencia: utilizar la consola para subir tu repositorio.i
>> Consigna: Agregar git a nuestro proyecto. Crear una rama y agregar animaciones,
transformaciones y/o gradientes a nuestro proyecto. Mergear este agregado. Luego cargar
todo a nuestro repo en github.
>>Aspectos a incluir en el entregable:
- Agregar a tu proyecto animaciones, transiciones y/o transformaciones en una rama creada a
partir del master.
- Mergear esta rama al master y luego, subir todo a github.
- De ahora en más, continuarás el trabajo en el repositorio del proyecto directamente en
GitHub, y utilizarás el Public URL para la presentación del mismo.
>>Ejemplo:
Link al repositorio
¿QUIERES SABER MÁS? TE DEJAMOS
MATERIAL AMPLIADO DE LA CLASE
● Git & Github | TE LO EXPLICO CON GATITOS
● Páginas de Github | GitHub Pages
¿PREGUNTAS?
¡MUCHAS GRACIAS!
Resumen de lo visto en clase hoy:
- Repositorio en Github .
- Creación de un repositorio para el
proyecto.
- Cómo subir el proyecto al repositorio
usando los comandos de Git.
OPINA Y VALORA ESTA CLASE
