Aprenda sobre diseño web con Bootstrap 5, PHP y MariaDB

 EN EDICIÓN 

En esta ruta aprenderas sobre el frameworks de front-end más populares como Bootstrap y publicaremos el resultado final sobre un proveedor de servicios en la nube (CSP) como Microsoft Azure. Además, para las funcionalidades dinámicas de cada componente de Bootstrap 5 aplicaremos código PHP y a nivel de base de datos usaremos MariaDB.

Bootstrap permite crear páginas web y aplicaciones móviles basado CSS y JavaScript; asimimsmo, proporciona plantillas y componentes para construir páginas responsivas.

En esta ruta de aprendizaje nos centramos en conoceras acerca de los principales componentes que nos ofrece Bootstrap 5 como la Barra de navegación, Acordeón, Alertas, Insignia, Botones, Grupo de botones, Tarjeta, Carrusel, Modal, Paginación entre  otros. En esta ruta aprendizaje desarrollaremos los siguientes puntos y el código fuente estará disponible en nuestro repositorio de GitHub:

1. Navbar dinámico con PHP y MariaDB
2. Carousel dinámico con PHP y MariaDB
3. Placeholder dinámico con PHP y MariaDB
4. Jumbotron dinámico con PHP y MariaDB
5. Accordion dinámico con PHP y MariaDB
6. List Group dinámico con PHP y MariaDB
7. Footer dinámico con PHP y MariaDB
8. HTML section dinámico con PHP y MariaDB
9. Paginación Bootstrap 5 con PHP y MariaDB
10. CSS @media query
11. Integrando TypewriterJS a nuestra aplicación web
12. Publicar el sitio web en Microsoft Azure

Los componentes de Bootstrap 5 se construyen con una nomenclatura de modificadores base. Esto significa que la mayor parte del estilo se encuentra en una clase base, y las variaciones de estilo se encuentran en clases de modificadores. Por ejemplo, la clase base para un botón es .btn, y las clases de modificadores para las diferentes variantes son .btn-primary, .btn-success o .btn-danger. 

Bootstrap 5 es la última versión del popular framework de código abierto para el desarrollo de sitios web y aplicaciones web adaptables a dispositivos móviles. Este framework facilita la creación de interfaces de usuario modernas y responsivas mediante el uso de componentes predefinidos y un sistema de rejilla flexible. Algunas características destacadas de Bootstrap 5 incluyen:

• Eliminación de jQuery: Bootstrap 5 ya no depende de jQuery, lo que reduce el tamaño del archivo y mejora el rendimiento.
• Compatibilidad con CSS Variables: Permite una mayor personalización y flexibilidad en el diseño.
• Mejoras en el sistema de rejilla (Grid): Ofrece un sistema de rejilla más potente y adaptable.
• Nuevos componentes y utilidades: Incluye nuevos componentes como el acordeón y mejoras en los existentes.

Recordenos que Bootstrap 5 es ampliamente utilizado por desarrolladores web debido a su facilidad de uso y la capacidad de crear sitios web atractivos y funcionales rápidamente.