Aplicaciones móviles de JavaScript: Sí, hay un marco para eso

Anuncio

Si quieres comenzar a hacer aplicaciones móviles, hay tres idiomas principales Los mejores idiomas para el desarrollo de aplicaciones móviles en 2016El mundo del desarrollo de aplicaciones móviles sigue siendo tan fuerte como siempre. Si quieres comenzar, ¡no es demasiado tarde! Estos son los idiomas que debe pensar en aprender. Lee mas para elegir: Java para aplicaciones de Android, Swift para aplicaciones de iOS o JavaScript para aplicaciones multiplataforma.

Pero espera, no es JavaScript para web ¿desarrollo? Sí, comenzó de esa manera, pero ha evolucionado bastante en la última década. Ahora puede crear una aplicación web en JavaScript y agruparla con un motor de navegador que actúa como una aplicación móvil. Estas se llaman aplicaciones "híbridas".

Más recientemente, algunos marcos de JavaScript pueden tomar código JavaScript, compilarse en el lenguaje inherente de una plataforma móvil y ejecutarse como cierto aplicación movil. Estas se llaman aplicaciones "nativas" y son preferibles a las aplicaciones híbridas porque a menudo tienen un mejor rendimiento.

En este artículo, aprenderá acerca de siete marcos JavaScript probados en batalla que están equipados para crear aplicaciones móviles utilizando uno de los dos métodos mencionados anteriormente.

React, desarrollado y mantenido por Facebook, es uno de los marcos web JavaScript más populares actualmente disponibles. Si aún no lo has probado, echa un vistazo estos increíbles tutoriales de React Los 7 mejores tutoriales gratuitos para aprender a reaccionar y crear aplicaciones webLos cursos gratuitos rara vez son tan completos y útiles, pero hemos encontrado varios cursos de React que son excelentes y lo ayudarán a comenzar con el pie derecho. Lee mas Para empezar. Hay una pequeña curva de aprendizaje, pero vale la pena.

React Native es un marco relacionado, también de Facebook, que le permite crear aplicaciones móviles en JavaScript utilizando los principios React. Las interfaces de usuario de aplicaciones están diseñadas con etiquetas de diseño HTML-esque y hojas de estilo similares a CSS, por lo que si usted es un desarrollador web que quiere probar algo en el ámbito móvil, esta es la mejor manera de hacerlo.

Como lo implica el nombre, React Native crea nativo aplicaciones móviles. Es una de las razones por las que tantos desarrolladores modernos aman React Native, porque sus aplicaciones tienden a superar a las aplicaciones escritas en otros marcos de JavaScript. ¿La baja? Deberá mantener sucursales separadas para cada plataforma móvil con ajustes específicos de la plataforma. No es "escribir una vez, correr en todas partes".

Angular es el El marco web JavaScript más popular disponible en este momento. Creado por Google y lanzado por primera vez en 2009, ha acumulado una gran comunidad de usuarios con su enfoque único pero fácil de aprender para el desarrollo de aplicaciones web de una sola página.

Si se apega a Angular propiamente dicho, puede crear aplicaciones híbridas que ofrezcan velocidades y experiencias nativas. El enlace de datos bidireccional es una de sus características más notables, y el marco es lo suficientemente robusto para el uso a nivel empresarial. ¡Después de todo, es mantenido por el estimado Google!

Mientras tu lata use Angular para aplicaciones móviles nativas, tendrá que acoplarlo con otro marco como NativeScript o Ionic. Ambos están cubiertos a continuación.

NativeScript es un marco de JavaScript a nativo para aplicaciones móviles con un gran énfasis en la reutilización de código. Pero quizás lo más interesante es que puede usar uno de los tres lenguajes para proyectos de NativeScript: JavaScript, TypeScript o Angular.

Si Angular es su marco de elección, pero es demasiado lento para su aplicación en particular y necesita obtener más rendimiento, entonces NativeScript puede ser la solución. ¿No te gusta Angular? Esta bien. Use el framework NativeScript Core para escribir una vez e implementar tanto en iOS como en Android.

Para crear y diseñar elementos de interfaz, utilizará un lenguaje especial similar al HTML para diseñar varios componentes y CSS para personalizar el aspecto y la apariencia de los componentes.

PhoneGap es un marco de código abierto que permite el desarrollo rápido de aplicaciones móviles híbridas utilizando JavaScript (para la lógica de la aplicación) y HTML + CSS (para la interfaz y el diseño). Se basa en Cordova, que también es de código abierto pero carece de muchas de las campanas y silbatos de PhoneGap.

Dos cosas hacen que PhoneGap sea ideal para el desarrollo móvil: primero, la aplicación PhoneGap Developer (que le permite probar y vista previa de compilaciones en dispositivos móviles) y, en segundo lugar, el servicio PhoneGap Build (que empaqueta e implementa aplicaciones para tú). Solo tiene que escribir una vez y PhoneGap puede entregar aplicaciones para iOS, Android y Windows Phone.

Si bien PhoneGap Build es gratuito para proyectos de código abierto (el código debe extraerse de un repositorio público de GitHub 8 de las mejores herramientas colaborativas gratuitas para programadoresSi eres un programador y aún no estás compartiendo o colaborando, estás detrás de la curva. Obtenga los beneficios de la colaboración con las aplicaciones web adecuadas. Lee mas ), solo obtienes 1 aplicación privada con un límite de tamaño de 50 MB. Por $ 10 / mes, puede aumentar hasta 25 aplicaciones privadas de hasta 100 MB de tamaño cada una. ¡Los suscriptores de Creative Cloud obtienen 25 aplicaciones privadas de hasta 1 GB de tamaño cada una!

El marco iónico es considerado por muchos como el marco más fácil de aprender para el desarrollo móvil de JavaScript. Debido a que crea aplicaciones móviles híbridas, no tiene que preocuparse por los ajustes específicos de la plataforma (usted lata personalizar si quieres). Escribe una vez, corre por todas partes.

Ionic también viene con una herramienta llamada Creator, que le permite crear y diseñar interfaces para su aplicación móvil utilizando ubicaciones de arrastrar y soltar. Esto es mucho más fácil que tratar de armar una interfaz de usuario en HTML o un lenguaje de marcado similar a HTML. Como tal, Ionic es ideal para novatos Cree una aplicación móvil sin conocimientos de programación con aplicaciones sin códigoEs totalmente posible crear una aplicación móvil básica mediante el uso de una serie de herramientas de arrastrar y soltar, ¿cuál es el problema? Lee mas .

Una vez que haya creado el front-end de su aplicación en Ionic, el marco se implementa en cada plataforma móvil con Cordova. La mayor parte de este proceso se maneja detrás de escena y es muy fácil incluso para los novatos, así que no se preocupe si suena complicado. No lo es

El reclamo de Meteor a la fama es doble: primero, es una solución full-stack 10 trabajos de programación de computadoras que están en demanda ahoraDado que obtener un trabajo de programación puede ser difícil en el panorama actual, considere centrarse en una de las siguientes concentraciones para mejorar sus posibilidades de éxito. Lee mas (integra desarrollo frontend, backend, base de datos, cliente y servidor), y en segundo lugar, ofrece enlace de datos bidireccional en tiempo real (si algo cambia en el backend, se actualiza inmediatamente en el Interfaz).

Y aunque se usa principalmente para aplicaciones web, Meteor lata ser utilizado para aplicaciones móviles híbridas. Al igual que Ionic, utiliza Cordova para construir su proyecto e implementarlo para iOS y Android. Desafortunadamente, a partir de este escrito, la exportación móvil solo está disponible en Mac y Linux (no es compatible con Meteor para Windows).

Si prefieres crear juegos móviles, necesitarás un marco significaba para el desarrollo del juego Dichos marcos hacen todo el trabajo duro para que pueda realizar tareas complejas en una o dos líneas de código (por ejemplo, cargar una imagen o mover la cámara mundial). Y Phaser es fácilmente uno de los mejores de su clase.

Phaser es obstinado: debe estructurar su código de cierta manera, pero sus opiniones se basan en décadas de prácticas de desarrollo de juegos probadas y verdaderas. La curva de aprendizaje es relativamente poco profunda y puedes tener tu primer juego en funcionamiento en cuestión de horas.

La exportación a dispositivos móviles no es una función integrada, por lo que deberá hacerlo a través de una herramienta como Cordova. Sin embargo, existen muchos tutoriales de Phaser, por lo que no debería ser demasiado difícil de resolver una vez que el juego esté listo para implementarse.

¿Qué tipo de aplicación móvil estás haciendo?

Quiero ser claro: estos NO son simplemente trucos que existen para los novatos que no pueden molestarse en aprender lenguajes "reales" como Java y Swift. Los marcos móviles de JavaScript se usan con más frecuencia de lo que piensan las compañías reales para aplicaciones reales con clientes reales.

Y eso es testimonio de lo buenos que son estos marcos. Mira a través de una lista de aplicaciones populares de Android o aplicaciones populares de iOS y probablemente no podrá saber cuáles están escritos de forma nativa o en JavaScript.

Un último consejo: una vez que haya terminado su aplicación móvil, consulte estos consejos para ayudarlo a volverse viral Cómo las aplicaciones móviles se vuelven virales: 7 consejos potentes que puede usar hoyHacer la aplicación es la parte fácil, terminar la aplicación es un poco más difícil, pero hacer que la gente use tu aplicación es donde muchas empresas fracasan. Aquí hay siete excelentes consejos. Lee mas . Después de todo, ¿de qué sirve hacer una aplicación si nadie termina usándola? ¡Buena suerte!

¿Qué marcos te atraen más? ¿Extrañé alguna buena? ¿Qué tipo de aplicación esperas hacer? ¡Comparte tus pensamientos y esfuerzos con nosotros a continuación!