No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

3D
22H
4M
19S

Poniendo nuestro sitio en producci贸n

20/21
Recursos

Ahora vamos a poner nuestro sitio web est谩tico a GitHub Pages. Para eso debes tener un usuario de GitHub y descargar GitHub for Windows.

Aportes 241

Preguntas 17

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Comparto una implementaci贸n que realic茅 gracias a este curso: https://walternomas.github.io/quimar-bootstrap/

Amigos aqu铆 les dejo una pagina similar que realice junto con el curso de bootstrap, yo tengo ya el host y dominio propio de la pagina.

www.gruaseditoluca.com

Ya vuelvooooo, voy a ver Git y Github, ni pinche idea de como llegar ah铆.

Mi URL:

https://eze061191.github.io/platzi-bootstrap-2019/

Notas:

Pasos desde consola:
Para poner nuestra pagina est谩tica en producci贸n, debemos crear un nuevo repositorio vamos a nuestro github y en la home le damos al bot贸n verde New o en el headder, nuevo repositorio, a continuaci贸n github nos va a pedir unos datos, de los cuales el 煤nico dato requerido es el nombre del repositorio,un requerimiento que debemos tener instalado en windows en git for windows, la instalaci贸n es muy sencilla, hay que descargar el instalador y simplemente darle siguiente en cada una de las opciones, con git instalado en nuestra computadora, vamos a copiar la url que nos genera la pagina de github en la parte de HTTPS, la copiamos y nos dirigimos a nuestra consola, y lo que vamos a hacer es en la carpeta de nuestro repositorio, si aun no lo hicimos tenemos que correr el comando:

git init

de esta manera vamos a inicializar un nuevo repositorio local dentro de esta carpeta, cuando tengamos todo el c贸digo ya necesario para llevarlo a producci贸n, vamos a tipear el comando:

git checkout -b

es decir vamos a crear una nueva rama llamada (se continua c贸digo de arriba):

git checkout -b gh-pages

le damos enter y a continuaci贸n tipeamos:

git remote add origin

y pegamos el enlace que hab铆amos copiado (se continua c贸digo de arriba):

git remote add origin https://github.com/nombre-proyecto.git

le damos enter y si tipeamos:

git remote

nos va a aparecer listado el origin, ahora lo que tenemos que tipear es:

git push origin gh-pages

deber铆amos agregar despu茅s del push y antes del origin -u para hacer push de este nuevo branch hacia nuestro repositorio:

git push -u origin gh-pages

y ya estar铆a listo, en caso de que git no te deje realizar el push, es
porque antes deber铆amos correr:

git add -A

o

git add .

y realizar un commit con:

git commit -m 鈥渕ensaje que queramos鈥

a continuaci贸n refresquemos nuestro repositorio en la pagina de github y vemos que esta el c贸digo que ten铆amos en nuestro editor de texto, como el push lo hicimos en una rama llamada gh-pages, lo que sucede es que github crea por nosotros una url que nos va a dar en la parte de settings, abajo en la parte de github pages

A la par de este curso hice como proyecto la p谩gina principal de TalentLand.
Les dejo el enlace鈥

https://gaybre.github.io/TalentLand_Bootstrap/index.html

Les comparto la p谩gina que estoy realizando, aun le quiero agregar lo de los correos. Eso esta pendiente gente.

https://tabufellin.github.io/pagina-web-VL/

github: tabufellin

Sacha, tienes que explicar mejor esta parte.

Hola! Yo realic茅 el trabajo dividiendo las secciones en php por simple comodidad. Si el archivo es index.php no hay manera de hacer que lo lea en vez del index.html?

Yo intent茅 actualizar el sitio de Super Smash Bros Brawl que ya tiene 15 a帽os jaja aqu铆 mi resultado

Les comparto mi pagina y les sugiero para su portafolio ir guardando todos sus proyectos de una forma similar.
Excelente curso!!!
馃槂馃槂馃槂
https://camilodelvallel.github.io/

Proyecto final de landing page usando Bootstrap 5

Visualizaci贸n

Repo

Menos mal que hice el curso de Git & git hub!!! Done!
Excelente curso!!!

Despu茅s de 2 horas sin que me cargaran las im谩genes lo logr茅, el problema era que tenia el nombre de directorios con may煤sculas (github pages es case sensitive), adem谩s tambi茅n me caus贸 problemas el no haber puesto el miserable punto detr谩s de la ruta de las im谩genes (Ej: ./assets/img/una_foto.jpg). https://josephuu.github.io/Primer_Bootstrap/

despu茅s de ver la clase 8 (crea un repositorio de Git y haz tu primer commit) del curso profesional de Git y Github con Freddy, y de configurar los archivos de este proyecto siguiendo esa clase, regres茅 a seguir los pasos de la consola y lo logr茅! 鉂わ笍
https://rebolladric.github.io/platzi-bootstrap/

buenisimoooo!!!

Ahora a aprender github!! jeje
https://github.com/vargaspv/ej-bootstrap

He estado repitiendo esta clase y haciendo todo tal cual pero no logro hacer que se vea la pagina en el link que me dan en github y me aparece el error de pagina 404. agradeceria la ayuda.

Aqui comparto mi repo: (https://soneromax.github.io/p-bootstrap/)

Me aparece este error en el CMD 驴como lo soluciono? Gracias de antemano
fatal: bad config line 1 in file C:/Users/Juan Diego/Desktop/jdiegovleal/.git/config

Alguien podria explicarme como funciona el tema de la terminal. en Mac porque no entiendo el codigo que al profesor le sale en el command de Windows.

una alternativa puede ser GitLab Pages igualmente es muy bueno.

Les comparto el mio; basado en teen titans go! 鉂わ笍
https://santipm29.github.io/Teentitans/

Me sale un error 404 al entrar al link que se genera desde 鈥渟etings鈥
馃槮
Alguien me puede ayudar con esto?

no me di cuenta鈥 pero cuando encogo la pantalla el panel principal cuando colapsa en un menu para abrir 鈥 no funciona 鈥 alguien me dice en donde me equivoque?? :'v

aqui les comparto el proyecto que realize con este curso

https://animeyongi-1c2d3.web.app

4 a帽os despu茅s, dejo el enlace del proyecto terminado. A pesar de no estar actualizado, genial el curso! https://milogodoy.github.io/platzi-conf-hawaii/

https://keylaconde.github.io/bootstrap/
Aqu铆 comparto todo lo logrado en este curso. Mil gracias profesor!

buen dia les dejo mi proyecto, tambien me sirvio para adelantar en esto por eso no se ve lo de platzi, pero me sirvio muchisimo:

https://rscuadrosg.github.io/Proyecto_G3-G36-MisionTIC/

![](

Puro error 404. Creo que ir茅 al curso de Git y regresar茅 a terminar esto. 馃槮

隆Me encant贸 el curso! Dej茅 los controles del slider y les puse un ancho del 5% para que no se solapara con el bot贸n de CTA 鈥淐omprar Tickets鈥 馃槂

https://natirivero.github.io/platzi-bootstrap-2022/

P.D.: Ya no se puede autenticar v铆a HTTP as铆 que tendr谩n que hacerlo v铆a SSH, pueden ver el curso de Git y Github o el de Prework ac谩 en platzi para m谩s info. 脡xito!

Asi el mio :3
Pagina
Repo

implementaci贸n con card-deck paras las cards de los oradores.

tecnolog铆a bootstrap 4.6

https://jhovannyvivas.github.io/ejercicio_2_bootstrap/

no es lo mejor pero es trabajo honesto

https://pverlainev.github.io/Bootstrap-Practice/

Hice mi proyecto en Angular jeje ya que lo estoy retomando y lo desplegue rapidamente en Netlify
Ir al sitio desplegado
ir al repo por si gustan clonarlo con Bootstrap 5 ir al repo aqui

Hola compa帽eros y compa帽eras 馃檶馃徎

馃寪 Les comparto mi c贸digo en GitHub por si les sirve como gu铆a: https://github.com/iJCode1/bootstrap4_platzi
.
Proyecto desplegado en GitHub Pages: https://ijcode1.github.io/bootstrap4_platzi/proyecto/
.
Resultado final:

Un curso muy 煤til, el profe explica demasiado bien y es muy claro, a pesar de que esta desactualizado igual te ayuda a entender la herramienta de bootstrap que aun se sigue utilizando, esta bueno para crear apps sencillas o si tienes poco tiempo

buen curso! muchas gracias!! realice el proyecto con bootstrap 5.0, cambiaron varias cosas, pero el concepto sigue siendo el mismo.
https://mijaelrcf.github.io/project-bootstrap/

XD puse mi sitio en GitHub pages desde la clase 3

Trate de adaptarlo de otra manera, espero les guste: https://edin-itzep.github.io/Pagina-de-Cafe-Bootstrap/

https://ivankstro7.github.io/event-shop/

Este es mi sitio web, algo un poco diferente al que se hizo en el curso pero utilizando los mismos elementos de bootstrap

yeahhh

aldo

https://github.com/CarlosSoto92/Bootstrap5 el Repo con las actualizaciones que los compa帽eros iban agregando para usar la version 5 =) https://carlossoto92.github.io/Bootstrap5/

Por alguna raz贸n el deploy a github me descartaba las im谩genes y los estilos pero les muestro por este medio el resultado del proyecto:

https://gifted-jepsen-bb7bf5.netlify.app/

Hice unas peque帽as modificaciones por gusto personal. =)

para que los card queden alineados pueden asignarle a la clase

height: 100vh;

https://eudycss.github.io/pageConf/
Hecho con bootstrap 5. Gracias, Sacha

Excelente proyecto!!!
Puedes ver el link del que yo hice Aqu铆
Repositorio del c贸digo Aqu铆

https://fabiannino7.github.io/ProyectoBootstrap-Curso-Platzi/index.html sin el index.html al final de la url no me funciona sale error 404 , ya revise y todo esta bien hice tal cual todo. 鈥

Hola, excelente curso, comparto como quedo mi sitio

Les comparto mi resultado final, muy feliz con el curso!
https://sebasvil20.github.io/Platzi-Hawaii/

Este es el enlace de mi versi贸n del proyecto.
https://migeru07.github.io/platzi-bootstrap/

Que buen curso

https://ricardoalgarin94.github.io/conferencia-bootstrap/ de los mejores cursos que he tomado hasta ahora!! 馃槂

Aqu铆 pueden ver el resultado de mi proceso 馃槃 https://cajotafer.com/projects/platzi-conf/

https://webins.github.io/Platziconf-Bootstrap/

Excelente curso, buenisimo usar bootstrap te ayuda muchisimo y agiliza bastante.

Lo sub铆 a mi hosting. Excelente curso lo necesitaba!

http://platziconf.webunion.cl Ah铆 esta! Buen curso 馃槃

esta clase siempre me salva el culo xd

Que r谩pido se hace todo con Bootstrap
Luego toca uno darle estilos espec铆ficos.