</> CodeBooks
    ← Volver a HTML5 (página 7)
    Portada de HTML5 The Missing Manual, 2nd Edition

    HTML5 The Missing Manual, 2nd Edition

    Matthew MacDonald

    Editorial
    O'Reilly
    Año
    2013
    Páginas
    ~518
    Nivel
    Básico

    De qué trata

    Segunda edición (O'Reilly, finales de 2013) de la guía de Matthew MacDonald en la colección Missing Manual. Parte de la idea de que HTML5 no es solo un lenguaje de marcado, sino un conjunto de estándares web independientes, y los explica paso a paso como estaban justo antes de que HTML5 fuera recomendación del W3C. Es accesible para principiantes que ya saben algo de HTML: incluye apéndices con lo esencial de CSS y de JavaScript para quien llega sin esa base, aunque también le sirve a quien viene de HTML 4 o XHTML.

    Se divide en tres partes. La primera, sobre marcado moderno, cuenta la historia y los principios de HTML5, la detección de funciones con Modernizr, los polyfills y el HTML5 Shiv, los elementos semánticos (header, nav, section, footer, main) y el sistema de outline. También cubre time, output y mark, ARIA, RDFa, microformatos y microdatos para rich snippets, y formularios con validación, nuevos tipos de input, datalist, progress, meter y contenteditable. La segunda trata audio y video con fallbacks en Flash, reproductores propios en JavaScript y subtítulos con WebVTT y track; CSS3 con transparencias, esquinas redondeadas, sombras, gradientes, transiciones, transformaciones, fuentes web (Font Squirrel, Google Fonts) y columnas; diseño responsive con media queries y viewport; y Canvas, desde lo básico hasta la interactividad y la animación. La tercera se centra en aplicaciones web: Web Storage, File API, IndexedDB, caché offline con manifest, XMLHttpRequest, Server-Sent Events, WebSockets, geolocalización con mapas, Web Workers y la API de historial.

    Aprende con ejemplos prácticos a lo largo del texto y un sitio de pruebas en línea. Entre ellos hay páginas reales rehechas con marcado semántico, una página «Acerca de mí» con metadatos, un programa de dibujo básico y un juego de laberinto en Canvas. Es una de las introducciones más completas y claras a HTML5 de su generación. Conviene saber que algunas cosas ya no se usan: el Application Cache se reemplazó por los Service Workers, el sistema de outline nunca lo implementaron los navegadores, ya no se usan prefijos de proveedor ni fallbacks en Flash, y no cubre Flexbox ni CSS Grid.

    • HTML5 semántico
    • Formularios y validación
    • Microdatos
    • Audio y video
    • WebVTT
    • CSS3
    • Diseño responsive
    • Canvas
    • Web Storage
    • IndexedDB
    • Aplicaciones offline
    • WebSockets
    • Geolocalización
    • Web Workers

    ¿Cómo enseña?

    TeóricoPráctico

    Teoría + práctica

    • ✓ Incluye ejercicios
    • ✓ Incluye proyectos

    Proyectos

    Programa de dibujo básico

    Aplicación de pintura en el navegador hecha con el elemento canvas y JavaScript, para practicar trazos, figuras y eventos del ratón.

    Juego de laberinto (The Maze Game)

    Juego en Canvas en el que se mueve una figura por un laberinto. Sirve para practicar animación, detección de colisiones a nivel de píxel y manejo del teclado con JavaScript.

    Página «Acerca de mí» con metadatos

    Página personal rehecha con elementos semánticos y microdatos, para ver cómo los buscadores usan esos metadatos en los rich snippets.

    Más de HTML5 con nivel Básico