Conclusiones del curso

Resumen

Hemos terminado con el curso. En este caso Sacha te ha dejado un reto muy especial. Para los dispositivos pequeños el menú de navegación superior no aparece si haces click en el menú hamburguesa. Te dejamos este último reto, que resuelvas este bug y te dejamos la solución en el repositorio. Te invitamos también a tomar el Curso de Foundation para tener otras perspectivas de frameworks frontend y también el Curso de Fundamentos de JavaScript para que continúes con tu carrera de desarrollo en frontend. Ahora estás listo para tu examen ¡Èxitos!

Teofilo Rosales Gama

student•

Para arreglar el bug tienen que copiar esto :

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

el truco esta en el data-target="#navbar" tiene que ser igual al id del div
en donde estan las opciones de >La Conferencia. Oradores, y los demas

Jaime Diaz

student•

SpoilerBug 😄
¡Excelente amigo! Lo resolví sin querer queriendo, llevando un orden semántico desde el comienzo, gracias.

Jecsham Castillo

student•

Jajajaja directamente borré ese botón porque me preguntaba "¿para qué es ese botón si ni aparece?"
Pues nada, lección aprendida.

Ingrid Natalia Rodriguez Ovalle

student•

Quiero compartirles mi portafolio hecho con bootstrap https://innacroft.github.io/portfolio/

Rodrigo Cuenca Mayuri

student•

Me gustaron tus proyectos!

Guillermo Sanchez

student•

Genial colega! XD Una opción seria añadir enlaces a youtube de los proyectos de hardware mostrando el funcionamiento. Tambien acabo de ver que uno podria colocar un dominio personalizado en github...ni idea pero suena bien. Gracias por compartir

Sergio Toshio Minei

student•

Les dejo un resumen que hice del curso aquí.
Pueden ver mi lista de resúmenes aquí.

Les dejo mi repo del proyecto.

Aquí está el despliegue de la app.

Espero les sea de ayuda. 😃

Harold David Avila Sabogal

student•

Muchas gracias por tus aportes muy buena información

kevin david pantoja vergara

student•

muchisisisisisimas gracias

Pablo Marino

student•

Resuelto, habiamos cambiado el id en el navbar pero faltaba modificarlo en el data-target del collapse. data-target="#navbar" A rendir!

Jose Carlo Rojas Mora

student•

Pista el bug esta cuando cambiamos el id del navbar para el scrollspy.

Ricardo Algarin

student•

sii me di cuenta justamente al abrirlo de mi teléfono y al revisar vi ese data-target q no cuadraba

Harold David Avila Sabogal

student•

la utilidad de conocer bien los ids que se están utilizando y el lugar en el código donde estos se encuentran

Miguel Carrillo Hernández

student•

A la espra del curso de bootstrap 5.

Noe de Jesus Muñoz Martinez

student•

Solución del bug:

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

Solo es cuestión de cambiar en el data-target de “#navbarSupportedContent” a “#navbar”

Luis David López Berber

student•

Excelente Observación

Kathleen M. Bucarito P.

student•

Mi pagina del curso, pero dirigida a la medicina!

https://kathleenmbp.github.io/medicine-page/

Danilo Burgos

student•

Hola, como hiciste para que el carousel tomara perfecta la imagen, a mi se me agranda en pantalla grande y en chica la muestra grande pero se corren una con otra.. gracias, avísame..

Francisco Peñalo Feliz

student•

No tube el bug con el botón del menú porque al momento que le cambiamos el id por navbar en la clase de ScrollSpy también se lo cambie en la referencia al menú en la propiedad data-target.

Harold David Avila Sabogal

student•

buena practica.

Manuel Durán

student•

listo! es mas simple de lo que creen... una pista, recuerden los data-target

Docs https://getbootstrap.com/docs/4.3/components/navbar/

En la sección final de "external content" podes encontrar la documentación relacionada con el bug.

Te invito a que te animes a resolverlo.

María Alejandra Correa Rojas

student•

Hola mi proyecto
https://yadurani.github.io/platzi-bootstrap-2018/

Raycris Maldonado

student•

Para los mas nuevos en el curso el error esta en que el data-toggle="collapse" data-target="#navbar" necesitan tener bs- para que funcione se verian de la siguiente manera.

Antes:

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

despues:

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

Julian David Alzate Cuervo

student•

gracias

Cristian Damaso Calderon Rojas

student•

graciaas !1

Sergio Ivan Santacruz Madrigal

student•

EL link del examen tiene error 500 😦
https://platzi.com/clases/examen/86bf9c6f-6c98-4812-9c7f-ac51bcd8abaa/tomar_examen/

Alexander Valencia

student•

es un curso muy bueno, aunque dejen bugs como desafíos XD

Rafael Alvarez Cardona

student•

es pasar de esta linea de codigo

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

a esta:

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

Adrián Ortiz Martín

student•

¿Por qué Sacha? ¿POR QUÉ? Yo confiaba en ti

Samuel Felipe Espinosa Angarita

student•

Para trabajar con Angular que framework css es mejor utilizar? Bootstrap / Foundation / Materialize / Angular Material / ...

Aarón González

student•

Normalmente he visto que usan Angular Material :D aunque también depende mucho de los parámetros del proyecto. Puedes usar el que más te acomode :D

Samuel Felipe Espinosa Angarita

student•

Gracias, pero veo que Angular material no tiene un Grid system, no seria mejor usar Bootstrap / Foundation / Materialize?

Carlos Javier Contreras Miquilena

student•

Hola quiero compartir mi portafolio hecho con bootstrap https://carlosjacomi.github.io/portfolio/, para que le den el visto bueno tambien.

Cesar Arellano Hernández

student•

hola muy bien Carlos. le di un vistazo, como critica constructiva, podrías estructurarlo de una forma que sea mas entendible en lo que deseas transmitir, se nota un poco saturado de iconos y secciones que no me permitió entender tu info, yo eliminaría el teclado y el mouse o los reacomodaría, saludos!

Juan Nieto

student•

La forma de solucionarlo en bootstrap5 el bug (o al menos la que me funciono a mi) es en el button del nav hacer el sgte cambio

data-bs-target="#navbar"

Pablo Tachella

student•

Excelente curso, les comparto el website que hice practicando lo aprendido, https://tache95.github.io/ agradecería si me dan feedback para cuando le haga las mejoras.

HENRY DSANTIAGO

student•

Dice no encontrado...

Pablo Tachella

student•

Pasó que modifiqué el nombre de mi cuenta GitHub y la página quedó como https://pablotachella.github.io/ veo que no se puede editar el comentario que hice.