Bootstrap By Example

Tutorial práctico de Silvio Moreto, desarrollador frontend y creador del conocido plugin bootstrap-select, que enseña el framework Bootstrap a base de ejemplos completos explicados paso a paso. Se publicó en marzo de 2016 (en el sitio de Packt aparece como «Bootstrap 4 By Example») y trabaja tanto con Bootstrap 3 como con la entonces nueva versión 4, todavía en fase alfa. Está pensado para desarrolladores frontend que no conocen Bootstrap, pero sí dominan lo básico de HTML, CSS y JavaScript.

El libro empieza con la preparación del entorno y una primera página sencilla. A partir de ahí recorre el sistema de rejilla (grid), los elementos HTML con estilo de Bootstrap y los componentes básicos, con un capítulo dedicado al diseño mobile first y la adaptación responsiva. La segunda mitad se dedica a los componentes JavaScript del framework (modales, popovers, pestañas y similares), su personalización, la gestión de eventos y la integración con librerías externas. El cierre explica cómo desarrollar un plugin propio para Bootstrap.

La práctica avanza en tres bloques: una landing page, una aplicación web al estilo de Twitter que usa buena parte de los componentes del framework y un dashboard con componentes personalizados y librerías de terceros. Su mayor valor es ver Bootstrap aplicado a interfaces reales y no a fragmentos sueltos, y el capítulo del plugin es poco habitual en libros de este nivel. Conviene saber que el contenido de Bootstrap 4 corresponde a la versión alfa: la versión estable (y Bootstrap 5) cambió clases, utilidades y dependencias, y además eliminó jQuery, así que parte del código necesitará ajustes. Algunos lectores también señalan que la redacción en inglés tiene altibajos.