
HTML5 Enterprise Application Development
Gabriel Jose Balda Ortiz, Nehal Shah
- Editorial
- Packt
- Año
- 2013
- Páginas
- ~332
- Nivel
- Intermedio
De qué trata
Guía de Nehal Shah y Gabriel José Balda Ortiz que muestra, paso a paso, cómo construir desde cero una aplicación web «empresarial» con HTML5, CSS3 y JavaScript, sin depender de plugins como Flash. Refleja el estado del ecosistema hacia 2013 y está dirigida a desarrolladores con conocimientos básicos de JavaScript, HTML y CSS; no exige experiencia previa con HTML5 ni CSS3.
Arranca con un «kit de inicio» sobre compatibilidad (estadísticas de navegadores, sistemas y resoluciones, y librerías como Modernizr, html5shiv, ExplorerCanvas y HTML5 Boilerplate) y un repaso de herramientas: IDEs, servidores web y navegadores. Luego construye la aplicación capítulo a capítulo: estructura y semántica, metadatos, reset de CSS y diseño responsive con media queries; geolocalización para encontrar cines cercanos y peticiones Ajax a APIs externas; efectos CSS3 (bordes redondeados, sombras, degradados, transiciones y animaciones); un reproductor personalizado con el elemento video para mostrar tráilers; valoraciones dibujadas con Canvas (con un experimento 3D); selección mediante Drag and Drop; inicio de sesión con OAuth y publicación en Twitter con un pequeño backend en PHP; y Web Workers para consumir tuits. El cierre trata depuración con Firebug y en Android/iOS, pruebas unitarias con js-test-driver, QUnit, Sinon.JS y Jasmine, pruebas funcionales con Selenium y optimización de rendimiento con PageSpeed y YSlow.
Su valor está en ofrecer una visión de conjunto del ciclo completo de una aplicación HTML5, de la compatibilidad a las pruebas y el rendimiento, con un único proyecto conductor. A cambio, muchos temas se tratan con poca profundidad, y buena parte del contexto ha envejecido: la API de Twitter usada ya no funciona igual, Firebug desapareció y hoy se trabajaría con frameworks, bundlers y herramientas de prueba más modernas. Es útil para entender los fundamentos de la plataforma web, no como guía de arquitectura empresarial actual.
- HTML5
- CSS3
- Responsive design
- Geolocalización
- Video HTML5
- Canvas
- Drag and Drop
- Web Workers
- OAuth y Twitter API
- Pruebas con QUnit y Jasmine
- Selenium
- Rendimiento web
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Aplicación buscadora de películas
Aplicación web multiplataforma que usa geolocalización y APIs externas para mostrar las películas en cartelera en cines cercanos, con tráilers en video HTML5, valoraciones dibujadas en Canvas, selección con Drag and Drop, y publicación y lectura de tuits mediante OAuth, un backend PHP y Web Workers.

