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

Si desea comenzar a crear aplicaciones móviles, existen tres idiomas principales: Los mejores idiomas para el desarrollo de aplicaciones móviles en 2016 Los mejores idiomas para el desarrollo de aplicaciones móviles en 2016 El 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. 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. Estos se llaman “híbrido” aplicaciones.

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. Estos se llaman “nativo” aplicaciones 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..

1. Reaccionar nativo

React, desarrollado y mantenido por Facebook, es uno de los frameworks web JavaScript más populares actualmente disponibles. Si aún no lo has probado, echa un vistazo a estos increíbles tutoriales de React 7 Mejores tutoriales gratuitos para aprender a reaccionar y crear aplicaciones web 7 Mejores tutoriales gratuitos para aprender a reaccionar y crear aplicaciones web Los 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. 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 eres 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? Tendrá que mantener sucursales separadas para cada plataforma móvil con ajustes específicos de la plataforma. No es “escribe una vez, corre por todas partes.”

2. Angular

Angular es la 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 poder use Angular para aplicaciones móviles nativas, tendrá que acoplarlo con otro marco como NativeScript o Ionic. Ambos están cubiertos a continuación..

3. NativeScript

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 exprimir 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..

4. PhoneGap

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 excelente para el desarrollo móvil: primero, la aplicación PhoneGap Developer (que le permite probar y obtener una vista previa de las compilaciones en dispositivos móviles), y segundo, el servicio PhoneGap Build (que empaqueta e implementa aplicaciones para usted). 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 de colaboración gratuitas para programadores 8 de las mejores herramientas de colaboración gratuitas para programadores si eres programador y aún no lo eres) compartiendo o colaborando, está detrás de la curva. Obtenga los beneficios de la colaboración con las aplicaciones web correctas), solo obtiene 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!

5. Ionic

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 poder 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 los novatos. Crear una aplicación móvil sin conocimientos de programación con aplicaciones sin código Crear una aplicación móvil sin conocimientos de programación con aplicaciones sin código Es totalmente posible crear una aplicación móvil básica mediante el uso de una serie de herramientas de arrastrar y soltar Entonces, ¿cuál es el truco?? .

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 es.

6. Meteorito

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

Y aunque se usa principalmente para aplicaciones web, Meteor poder 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).

7. Phaser

Si prefiere crear juegos móviles, necesitará un marco significaba para el desarrollo del juego Tales 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..

Exportar 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 su 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 “real” lenguajes 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. Mire 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 escritas de forma nativa o en JavaScript.

Un último consejo: una vez que su aplicación móvil esté terminada, consulte estos consejos para ayudarla a volverse viral Cómo las aplicaciones móviles se vuelven virales: 7 consejos potentes que puede usar hoy Cómo las aplicaciones móviles se vuelven virales: 7 consejos potentes que puede usar hoy 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 grandes consejos. . 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 abajo!