tutorial - Aplicación web nativa con PhoneGap, JQuery Mobile y AngularJS?

onsen ui vs ionic

Question

Me gustaría desarrollar una aplicación web avanzada para Android e iOS. Intento algunos conceptos básicos con JQuery Mobile y Phonegap y ahora estoy buscando una buena aplicación web estructurada javascript framework. Encontré JS angular de Google. ¿Alguien tiene experiencia con estas 3 tecnologías combinadas? ¿Puede esto bien trabajar en conjunto?

¡Gracias por la ayuda!

Answer 1

Comenzaría con este ejemplo que usa phonegap, angularjs y topcoat:

http://coenraets.org/blog/2013/11/sample-mobile-application-with-angularjs/

Answer 2

Sé que esta pregunta se hizo hace un tiempo, simplemente respondiendo, ya que esto podría ayudar a cualquiera a toparse con este hilo.

Su vida sería mucho más fácil si usa http://ionicframework.com/ . Todavía está en sus primeras etapas. Pero se adapta muy bien con Cordova y AngularJS y te permite crear aplicaciones rápidamente. Esto también proporciona bootstrap como css predefinido, y puedes jugar con sus mixins SASS y crear tu aplicación de acuerdo a tu marca.

Personalmente, me mantendría alejado de jQuery Mobile. Demasiado pesado para mi vinculación

Answer 3

Aunque todavía no he jugado mucho con PhoneGap, he usado angularjs junto con Apache Cordova (que funciona con PhoneGap).

Aquí hay un artículo realmente genial, que me ayudó a comenzar:

La guía definitiva de Angular en dispositivos móviles

Además, los últimos días he estado jugando con el nuevo XDK de Intel y es realmente útil para hacer este tipo de desarrollo un poco menos engorroso (o eso parece hasta ahora).

editar

Recientemente he estado usando el framework Ionic y es fantástico. Me gusta lo suficiente que decidí volver aquí y agregarle un enlace, ya que combina perfectamente Cordova y Angular.

Marco iónico

Answer 4

Primero déjame decirte que esto es un error, muy grande.

Primero jQuery Mobile nunca se hizo con MVC en mente. Estoy hablando de MVC porque AngularJS usa el patrón MV-Whatever.

jQuery Mobile tiene su propia solución de enrutamiento (manejo de página) y no funcionará si se usa cualquier otro framework MVC (BackboneJS o AngularJS). Puede activar el enrutamiento de jQuery Mobile (tendrá que cambiar el manejo de la página AJAX) pero luego perderá las transiciones de página.

Si desea algo similar, debe verificar la interfaz de usuario de Kendo . Es un producto comercial, pero tiene una versión no comercial que es mucho mejor que jQuery Mobile. Es similar a jQuery Mobile pero mucho más rápido. Tiene un soporte integrado MVC o puedes usarlo con AngularJS (si lo prefieres).

O puede abandonar todos los frameworks basados ​​en jQuery y elegir AngularJS frameworks en su lugar. Antes de hacer algo, debe considerar qué desea hacer:

1. ¿Qué quieres crear? sitio móvil o aplicación móvil híbrida?
2. ¿Qué prefieres como tecnología central (por ejemplo: AngularJS, jQuery, JavaScript vainilla)

Si está tratando de crear un sitio web móvil, entonces AngularUI o AngularStrap son buenas opciones. No importa cuál decida usar, será una mezcla de dos frameworks muy utilizados: AngularJS y Bootstrap

Solo ten cuidado, AngularJS no es jQuery, no es algo que puedas aprender correctamente en pocos días. Si nunca trabajó con él, dedique algo de tiempo a aprender lo básico.

Por otro lado, si está trabajando en una aplicación móvil híbrida, debe ir por el otro camino. Tendrá que utilizar marcos especialmente diseñados para el desarrollo móvil híbrido. Actualmente, dos marcos más conocidos son Ionic Framework y Onsen UI.

Son de naturaleza similar, básicamente tendrá que decidir cuál es el más adecuado para usted, lea más sobre ellos aquí: Ionic vs OnsenUI