react framework examples ejemplos bootstrap javascript jquery html html5 mobile

javascript - examples - Elegir Mobile Web HTML5 Framework



phonegap (11)

Para el nuevo proyecto, he estado buscando un marco con soporte de HTML5 y se ejecuta en dispositivos móviles, es decir, iPhone, IPads. Descubrí esto:

Lo principal para mí es HTML5. Aunque examiné las funciones que ofrecen, solo quería saber su experiencia, si es que alguna cuenta con ellos.

¿A cuál debo ir cuando busco:

  • Inicio rápido
  • Buena documentación
  • Desarrollo similar de la vía Web
  • Buen soporte para la plataforma móvil

¡jQuery Mobile es mejor y tiene un buen soporte!

Comenzaría con la placa de caldera HTML 5 . Es un poco pesado, pero puedes agregar o eliminar todo lo que quieras de él. Definitivamente la plantilla HTML5 más completa que he encontrado. Entonces iría con jQuery Mobile . Aún no ha salido de alfa, por lo que se espera que tenga un poco de error, pero hay una gran comunidad detrás de él y tiene una buena estructura para crear complementos.

Depende de cuál sea su público objetivo y cuán interactivo sea el sitio que está construyendo.

jQTouch:
pesado en el CSS, luz en JavaScript, licencia de MIT
Para un marco que proporciona un inicio rápido, pero no mucha documentación desafortunadamente, use jQTouch. Requiere muy poco para empezar y la codificación es bastante sencilla. Utiliza clases CSS para detectar las animaciones e interacciones apropiadas.

Sencha Touch:
casi completamente JavaScript, GPL no para uso en sitios comerciales sin licencia
Si está construyendo una aplicación empresarial compleja con muchas interacciones visuales, recomendaría encarecidamente Sencha Touch, está muy documentada, con un sólido equipo profesional que brinda soporte.

Proyecto M:
La licencia de MIT, cargada de JavaScript, parece estar en Alpha, puede tener errores
Aunque nunca he trabajado con M-Project (gracias por señalarlo) parece ser muy robusto, y el estilo de codificación parece ser muy similar a Sencha Touch, que se basa en ExtJS, por lo que si su equipo ya tiene experiencia con ExtJS, podría ser conveniente considerar uno de estos marcos.

Nimblekit:
Esto parece ser solo para iOS, no es algo bueno si alguna vez decides expandir tu aplicación a Android o alguna otra plataforma.

Wink Toolkit:
parece ser MIT, o alguna variación allí de En mi opinión, wink parece tener suficiente, pero la documentación se siente fría

jQuery Mobile:
Licencia dual MIT o GPL 2, la combinación perfecta de JavaScript y CSS
Dejaré que alguien con más experiencia hable sobre los méritos, pero el móvil jQuery (aunque también está en alfa) está respaldado por un equipo fuerte y una comunidad de seguidores por extensión de la biblioteca central de jQuery. Probablemente la mejor opción para cualquier cosa, excepto las aplicaciones más centradas en la empresa.

Titanio:
Titanium no es un marco móvil HTML5, es una interfaz basada en JavaScript para los módulos de código nativo incluidos en el marco. Es un marco bastante directo, pero consideraría escasa la documentación.

Línea de fondo:
1. jQuery mobile: siempre que su aplicación no esté centrada en la empresa
2. Sencha Touch: si su aplicación está centrada en la empresa o tiene mucha interacción con el usuario
3. jQTouch: si lo que está buscando es un marco simple para comenzar rápidamente, pero no necesita mucha ilusión.
4. Titanio: si está más interesado en tener controles nativos reales en su aplicación

Aplicaciones de demostración

Hay un proyecto de código abierto, PropertyCross , que demuestra la misma aplicación implementada con una gama de marcos multiplataforma. Es muy útil para comparar el código, la experiencia de desarrollo y la experiencia del usuario final de los diversos marcos.

Este marco que recomendé aquí es bastante nuevo, pero es posible que desee probarlo en el futuro: Mobl: HTML5 para aplicaciones móviles .

En realidad, es un DSL (lenguaje específico del dominio) para construir la aplicación HTML 5 en el móvil. Está construido por Zef Hemel como parte de su tesis doctoral, y permite una forma muy fácil de construir una aplicación HTML5 rápidamente

Sobre su solicitud:

  1. Inicio rápido : sí, es muy simple comenzar a desarrollar con Mobl. Simplemente agregue un complemento de Eclipse y cambie alguna configuración.

  2. Documentación: el tutorial es suficientemente bueno, pero carece de navegación, es decir, una estructura completa. Espero que lo agreguen pronto.

  3. Desarrollo web similar: no creo que lo sea. Como DSL, Mobl tiene una estructura diferente (sintaxis similar a javascript, sin embargo) en comparación con el lenguaje de scripting web (HTML, Javascript, ...). Pero no lleva mucho tiempo entenderlos.

  4. Soporte : Esto no es bueno. En esta etapa inicial, la comunidad de Mobl es muy restringida.

Para sus proyectos futuros, también puede ver DHTMLX Touch , un marco de código abierto y gratuito para crear aplicaciones web móviles. Es bastante fácil comenzar y tiene un foro de soporte en vivo. Algunas demostraciones: http://www.dhtmlx.com/touch/samples/

(Trabajo para DHTMLX)

Quédate con el móvil jQuery. Es más rápido que jQtouch. También tiene mejor documentación que las senchas. Senchas el tiempo de carga inicial es lento. En general, jQuery mobile gana mi apuesta.

También es posible que desee echar un vistazo a PhoneGap (código abierto). También tiene un servicio de compilación gratuito en la nube que bombeará aplicaciones nativas para la mayoría de los teléfonos populares desde una única base de código fuente. No lo he probado, pero sonaba intrigante.

También está http://zeptojs.com , que apunta a una huella pequeña, <5Kb con la mayoría de las funciones básicas de jquery.

También puede consultar Google Web Toolkit, que le permite escribir aplicaciones HTML5 móviles en Java. GWT tiene un sistema de plantillas donde puede incluir HTML y CSS, por lo que la principal diferencia será que está escribiendo en Java en lugar de hacerlo en Javascript. Sencha Touch que se ha mencionado anteriormente, también viene en una versión de GWT llamada Gwt4Touch.