</> CodeBooks
    ← Volver a HTML5 (página 8)
    Portada de HTML5 Boilerplate Web Development

    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?

    TeóricoPráctico

    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.

    Más de HTML5 con nivel Intermedio