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

    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?

    TeóricoPráctico

    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.

    Más de HTML5 con nivel Intermedio