Head First HTML5
Elisabeth Robson, Eric Freeman
- Editorial
- O'Reilly
- Año
- 2011
- Páginas
- ~608
- Nivel
- Básico
De qué trata
Libro de la serie Head First de Eric Freeman y Elisabeth Robson (O'Reilly, 2011), cuyo título completo es Head First HTML5 Programming: Building Web Apps with JavaScript. A pesar del nombre, no se centra en las nuevas etiquetas de HTML5, sino en programar aplicaciones web con JavaScript y las APIs que trajo HTML5. Está pensado para principiantes en programación que ya conocen HTML y CSS. Sigue el estilo visual de la colección: humor, diagramas, preguntas y mucha repetición para fijar los conceptos.
Los primeros capítulos son una introducción práctica a JavaScript: variables, condicionales, bucles, el DOM, eventos y manejadores, funciones, objetos, this y constructores. Después vienen las APIs de HTML5: Geolocation (posición, cálculo de distancias, mapas y seguimiento del movimiento), comunicación con servicios web por XMLHttpRequest, JSON y JSONP, dibujo con Canvas, el elemento video combinado con Canvas para aplicar efectos, Web Storage y Web Workers. Un apéndice final repasa por encima lo que quedó fuera: Modernizr, audio, jQuery, SVG, aplicaciones offline y WebSockets.
Cada capítulo gira en torno a una pequeña aplicación de un mundo ficticio llamado Webville, lo que hace el aprendizaje muy guiado y entretenido. Está lleno de ejercicios, crucigramas y preguntas de repaso. Es una entrada excelente a JavaScript en el navegador para quien nunca ha programado, pero el ritmo resulta lento para quien ya domina el lenguaje. Además, algunos detalles han envejecido: hoy se usa fetch en lugar de XHR y JSONP está obsoleto. No cubre frameworks ni herramientas de construcción.
- JavaScript
- DOM
- Eventos
- Objetos en JavaScript
- Geolocation API
- JSON y JSONP
- Canvas
- Video HTML5
- Web Storage
- Web Workers
¿Cómo enseña?
Teoría + práctica
- ✓ Incluye ejercicios
- ✓ Incluye proyectos
Proyectos
Phrase-O-Matic y Webville Tunes
Primeros ejemplos con JavaScript y el DOM: un generador de frases aleatorias y una lista de canciones que se va llenando al reaccionar a eventos del usuario.
Aplicación de geolocalización
Obtiene la posición del usuario con la Geolocation API, calcula distancias, muestra la ubicación en un mapa y sigue el movimiento.
Mighty Gumball
Panel que consulta periódicamente un servicio web de ventas de máquinas de chicles y muestra los datos usando JSON y JSONP.
TweetShirt
Herramienta para diseñar camisetas que dibuja formas, texto y fondos sobre un elemento Canvas.
Webville TV
Reproductor de video HTML5 con controles propios y efectos aplicados en tiempo real a cada fotograma con Canvas.
Notas adhesivas
Aplicación de post-its que guarda y recupera las notas en el navegador con Web Storage (localStorage).
Fractal Explorer
Visor del conjunto de Mandelbrot que reparte el cálculo entre varios Web Workers y dibuja el resultado en Canvas.
