En la octava clase del curso de Bootstraps 5 aprendemos a utilizar la versión JavaScript que incorpora este estupendo framework.
Bootstrap es extremadamente potente, si habéis llegado a esta octava clase, estoy seguro de que no tenéis duda de ello, no obstante, para sacarle el máximo partido, debemos conocer cómo funcionan las utilidades de JavaScript que incorpora.
Y es que CSS tiene sus limitaciones y Bootstrap encontró la solución utilizando este lenguaje de programación tan flexible. Por ejemplo, cuando usamos Bootstrap para hacer un menú, en la versión móvil, no es que "colapse", sino que se convierte en un botón que al presionarlo muestra el menú, que el botón funcione es gracias a JavaScript. ¡Vamos a verlo!
Como hemos podido observar, únicamente hemos tenido que añadir el fichero JavaScript, pero como Bootstrap ya nos tiene acostumbrados, no hemos tenido que programar ni una sola línea de código JavaScript para que todo funcionara correctamente.
No obstante, para los más experimentados, hemos visto cómo podemos hacer ciertas cosas (como sacar un modal) desde la consola de JavaScript. Ahora que ya sabéis hacerlo, solamente os queda practicar para así mejorar en el desarrollo de webs con Bootstrap.
En el ejercicio que te recomendamos para esta clase, deberéis de crear una simple page (es decir, una página única) que imite a un blog y tenga las siguientes características:
- Menú horizontal que al colapsar se convierta en versión móvil funcional gracias a JavaScript
- Un botón para registrarte donde al presionar se abre un popup con un formulario para registrarse.
Recordad que los ejercicios son opcionales y en este curso no tienen que ser funcionales, únicamente estamos tocando el diseño.
Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección!
0 Commentaires