Título

Introducción a jQuery Mobile
C. Enrique Ortiz
Developer and author
Freelance

Nivel de dificultad: Intermediaria
Fecha: 24-09-2012

Obtenga una introducción al marco de trabajo jQuery Mobile. Conozca las
generalidades del marco de trabajo y cómo escribir una interfaz de usuario de
una aplicación web móvil funcional. En este artículo, un ejemplo lo guía por las
páginas básicas, lanavegación, las barras de herramientas, la lista de elementos,
los controles de forma y los efectos de transición.

Introducción
jQuery Mobile es un marco de trabajo magnífico para escribir las aplicaciones web
móviles. Construido encima del popular jQuery y de la interfaz del usuario jQuery,
jQuery Mobile es un marco de trabajo efectivo y unificado para escribir su aplicación
web móvil. ConjQuery Mobile puede garantizar una apariencia y un comportamiento
consistente a través de las diferentes plataformas móviles. Las características
básicas de jQuery Mobile incluyen:
• Simplicidad y flexibilidad general
El marco de trabajo es simple de usar. Puede:
• Desarrollar páginas utilizando principalmente marcas con un mínimo o sin
JavaScript.
• Utilizar JavaScript avanzado y eventos.
•Utilizar un solo documento HTML con varias páginas incluidas.
• Separar su aplicación en varias páginas.
• Mejoras progresivas y degradación natural
Mientras que jQuery Mobile nivela los últimos HTML5, CSS 3 y JavaScript,
no todos los dispositivos móviles cuentan con esa compatibilidad. La filosofía
de jQuery Mobile consiste en ser compatible tanto con dispositivos de alta
gama como condispositivos menos poderosos, como los que no tienen
compatibilidad con JavaScript, y aún así proporcionar la mejor experiencia
posible.
• Compatibilidad para táctiles y otros métodos de ingreso de datos
jQuery Mobile proporciona compatibilidad para los diferentes métodos de
ingreso de datos y eventos: métodos de ingreso de datos del usuario basados
en el cursor, mouse y pantallas táctiles.
©Copyright IBM Corporation 2012
Introducción a jQuery Mobile

Marcas
Pagina 1 de 25

developerWorks®

ibm.com/developerWorks/ssa/

• Accesibilidad
jQuery Mobile está diseñado teniendo en cuenta la accesibilidad. Tiene
compatibilidad con Aplicaciones de Internet enriquecidas y accesibles
(WAI-ARIA) para que los visitantes accedan a las páginas web a través de
tecnologías asistenciales.• Simple y modular
El marco de trabajo es simple con un tamaño total (minimizado y comprimido
con Zip Versión 1.0.1) de 24 KB para la biblioteca JavaScript, 7 KB para el
CSS, más algunos iconos.
• Elementos relativos a un tema
El marco de trabajo también proporciona un sistema de temas que le permite
definir su propio estilo de la aplicación. Con la nueva aplicación ThemeRoller
puedecrear fácilmente sus propios temas.
El marco de trabajo de jQuery Mobile incluye todos los componentes de la interfaz
del usuario necesarios para desarrollar aplicaciones móviles y sitios web móviles
completos: páginas, diálogos, barras de herramientas, diferentes tipos de listas
de elementos, una variedad de elementos de formato y botones y demás. jQuery
Mobile se desarrolla por encima delcentro de jQuery, entonces usted tiene acceso
a las instalaciones claves, incluidas: acción y manipulación del modelo del objeto
del documento HTML y XML (DOM); manipulación de eventos; comunicación con el
servidor a través de Ajax; y animación y efectos de imagen para las páginas web.
Con jQuery Mobile, puede escribir aplicaciones móviles básicas sin mucho esfuerzo.
Dado que jQuery Mobile es unmarco de trabajo muy integrador con eventos
avanzados y API, usted también puede escribir aplicaciones web móviles avanzadas
y sitios web.
Este artículo introduce las generalidades en la última versión de jQuery Mobile
(Versión 1.0.1). Obtenga más información sobre la compatibilidad con el navegador,
los componentes de la interfaz del usuario y la API. Para continuar con este artículo,...