Mobile JavaScript Application Development
Adrian Kosmaczewski
- Editorial
- O'Reilly
- Año
- 2012
- Páginas
- ~168
- Nivel
- Intermedio
De qué trata
Guía práctica de Adrian Kosmaczewski, desarrollador iOS y antes desarrollador web, para crear aplicaciones móviles con tecnologías web en el panorama de 2012: HTML5, CSS3 y JavaScript en los navegadores de iOS, Android y Windows Phone. Está dirigida a desarrolladores web de nivel intermedio que ya conocen JavaScript, HTML y CSS y quieren llevar esas habilidades a dispositivos móviles, tanto en el navegador como en aplicaciones nativas «envueltas».
Empieza con las capacidades de HTML5 para móviles: metaetiquetas y aplicaciones que se agregan a la pantalla de inicio, Application Cache, geolocalización, orientación y movimiento del dispositivo, conectividad, canvas, transiciones y animaciones CSS3, almacenamiento en el cliente (incluido Web SQL) y etiquetas multimedia. Sigue un capítulo de consejos de productividad en JavaScript: espacios de nombres, singletons y programación orientada a objetos. Después compara tres frameworks: jQuery Mobile (con ThemeRoller y Codiqa), Sencha Touch (con su sistema de clases, stores, modelos, controladores y Sencha Architect 2) y PhoneGap, mostrando cómo generar aplicaciones para iOS, Android y Windows Phone y cómo acceder a APIs nativas como cámara, acelerómetro, contactos, archivos o notificaciones. Cierra con depuración (inspector web, iWebInspector, Adobe Shadow) y pruebas con Jasmine y Siesta.
El hilo práctico es una misma aplicación de lista de tareas implementada con jQuery Mobile y con Sencha Touch, lo que permite comparar en la práctica los puntos fuertes y débiles de cada enfoque. Hoy el libro tiene sobre todo valor histórico y conceptual: PhoneGap se descontinuó (su heredero es Apache Cordova y, en la práctica, Capacitor), Sencha Touch se integró en Ext JS, y Application Cache y Web SQL se retiraron en favor de los service workers e IndexedDB. Sirve para entender el origen de las aplicaciones híbridas, pero para un proyecto actual conviene estudiar PWAs, Capacitor o React Native.
- HTML5 móvil
- CSS3
- Application Cache
- Geolocalización
- Almacenamiento local
- jQuery Mobile
- Sencha Touch
- PhoneGap
- APIs nativas
- Apps híbridas
- Depuración móvil
- Jasmine
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Lista de tareas con jQuery Mobile
Aplicación de tareas construida con jQuery Mobile: páginas, listas, botones, formularios, navegación, ciclo de vida de páginas, plugins y almacenamiento local, con apariencia personalizada mediante ThemeRoller.
Lista de tareas con Sencha Touch
La misma aplicación reescrita con Sencha Touch, usando su modelo de datos, stores y proxies, listas, formularios, un controlador para los eventos y transiciones de navegación; también se muestra Sencha Architect 2.
Aplicaciones nativas con PhoneGap
Empaquetado de aplicaciones web como apps nativas para iOS, Android y Windows Phone con PhoneGap, y recorrido por el ejemplo Kitchen Sink, que prueba el puente JavaScript con la cámara, el acelerómetro, los contactos, el sistema de archivos y la geolocalización.
