
Bootstrap Site Blueprints Volume II
Matt Lambert
- Editorial
- Packt
- Año
- 2015
- Páginas
- ~225
- Nivel
- Intermedio
De qué trata
Continuación de la serie «Site Blueprints» de Packt, escrita por Matt Lambert, diseñador y desarrollador con más de 15 años de experiencia, ingeniero de software en CA Technologies y fundador del estudio Cardeo Creative. Enseña a llevar Bootstrap 3 a sitios y aplicaciones web más grandes y complejos que una página informativa. Según la editorial, sirve tanto para quienes empiezan con Bootstrap como para desarrolladores con experiencia. Conviene manejar con soltura HTML, CSS y algo de JavaScript, y tener una idea básica de la línea de comandos.
El primer capítulo monta un entorno de desarrollo avanzado con Node.js, el servidor de sitios estáticos Harp.js y el preprocesador Less. Con Harp se trabajan plantillas, parciales y layouts reutilizables, y Less compila al momento los estilos personalizados de Bootstrap. Esa base se usa en todos los proyectos, que van de menos a más complejidad y recorren la rejilla, la navegación, los formularios, las tarjetas y paneles, la tipografía y los componentes JavaScript del framework. Un capítulo está dedicado expresamente al diseño mobile first.
Cada capítulo es un proyecto distinto: el sitio de un restaurante, un agregador de contenido pensado primero para móviles, una wiki, una revista de noticias, un dashboard y una red social. Su principal aporte es el flujo de trabajo con plantillas y preprocesador, que se parece más a un desarrollo profesional que editar HTML suelto, y la variedad de tipos de sitio. Todo es frontend estático: no hay backend, base de datos ni lógica real detrás de la wiki o la red social. Además, Harp.js está prácticamente abandonado y Bootstrap ya usa Sass, así que hoy el flujo se reproduciría con otras herramientas.
- Bootstrap 3
- Node.js
- Harp.js
- Less
- Plantillas y parciales
- Mobile first
- Diseño responsivo
- Componentes
- Dashboard
- Maquetación de sitios
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Sitio web de restaurante
Primer proyecto sobre el entorno Harp.js + Less: sitio responsivo de un restaurante con plantillas y parciales reutilizables y estilos de Bootstrap personalizados.
Agregador mobile first
Agregador de contenidos diseñado primero para pantallas móviles y luego ampliado a escritorio con la rejilla de Bootstrap.
Wiki con Bootstrap
Interfaz de una wiki con navegación, páginas de artículo y estructura de contenidos, maquetada con componentes de Bootstrap.
Revista de noticias
Sitio de tipo magazine con portada de noticias, secciones y páginas de artículo, con especial atención a la tipografía y a la rejilla.
Dashboard
Panel de administración con navegación lateral, paneles y widgets de datos construido con los componentes de Bootstrap.
Red social
Interfaz de una red social con perfiles, publicaciones y elementos de interacción, como cierre del libro y el proyecto más complejo.

