
HTML5 Boilerplate Web Development
Divya Manian
- Editorial
- Packt
- Año
- 2012
- Páginas
- ~174
- Nivel
- Intermedio
De qué trata
Guía práctica de Packt escrita por Divya Manian, cocreadora de HTML5 Boilerplate, la popular plantilla de partida para proyectos front-end. No se limita a enseñar a usar la plantilla: explica cómo funciona y por qué se tomó cada decisión. Se dirige a desarrolladores que ya conocen HTML, CSS y JavaScript. Ayuda tener nociones de servidores web y soltura con la línea de comandos, pero no hace falta haber usado HTML5 Boilerplate antes. Corresponde a la versión de la plantilla vigente en 2012.
El libro recorre la instalación y los archivos incluidos, el arranque de un sitio de una sola página y la configuración de valores por defecto, la personalización de estilos y marcado, la detección de funcionalidades con Modernizr para servir estilos y scripts según el navegador, y la interactividad con JavaScript. Después aborda las partes que más intimidan: configurar el servidor web (por ejemplo, con los .htaccess de Apache) para mejorar el rendimiento y la seguridad, las funciones opcionales que mejoran la experiencia del usuario y el build script, que combina y minifica CSS, JavaScript, HTML e imágenes y elimina comentarios antes de publicar. Un apéndice introduce las pruebas unitarias y justifica las decisiones de diseño del framework.
Todo se aplica a un proyecto conductor, el sitio web de un festival de música, que se construye y se deja listo para producción a lo largo de los capítulos. Su gran valor es que lo escribe una de las autoras del proyecto y que explica el porqué de cada práctica. Su límite es la fecha: el build script basado en Ant, el soporte a navegadores antiguos y parte de Modernizr han quedado atrás frente a herramientas como Vite o webpack, así que hoy sirve más para entender buenas prácticas de front-end que como manual de herramientas actuales.
- HTML5 Boilerplate
- HTML5
- CSS
- Modernizr
- Detección de funcionalidades
- Configuración de servidor
- Rendimiento web
- Minificación
- Build script
- Pruebas unitarias
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Sitio web de un festival de música
Sitio de una sola página creado sobre HTML5 Boilerplate: se personalizan estilos y marcado, se añade interactividad con JavaScript y detección de funcionalidades con Modernizr, se ajusta el servidor para mejorar el rendimiento y se prepara para producción con el build script.

