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

Si desea comenzar a crear aplicaciones móviles, hay 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 sólido como siempre. ¡Si quieres empezar, no es demasiado tarde! Aquí están los idiomas que debes pensar acerca del aprendizaje. Lea más para elegir: aplicaciones Java para Android, aplicaciones Swift para 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 funcione 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 un cierto aplicación movil. Estos se llaman “nativo” Las aplicaciones son preferibles a las híbridas porque a menudo tienen un mejor rendimiento..

En este artículo, aprenderá acerca de siete marcos de JavaScript probados en la 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 marcos web de JavaScript más populares actualmente disponibles. Si aún no lo ha intentado, consulte estos impresionantes tutoriales de React 7 Los mejores tutoriales gratuitos para aprender a reaccionar y crear aplicaciones web Los 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 te ayudarán a comenzar con el pie derecho. Lee más para empezar. Hay una pequeña curva de aprendizaje, pero vale la pena..

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

Como lo indica el nombre, React Native crea nativo aplicaciones móviles. Es una de las razones por las que a muchos desarrolladores modernos les encanta 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 todos lados.”

2. Angular

Angular es la El marco web de 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 adhiere a Angular, 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 puede Si utiliza Angular para aplicaciones móviles nativas, tendrá que combinarlo 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 del código. Pero quizás lo más interesante de esto es que puede usar uno de los tres idiomas para los proyectos de NativeScript: JavaScript, TypeScript o Angular.

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

Para crear y diseñar elementos de la 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 alarmas y los silbidos 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 previsualizar 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 a iOS, Android y Windows Phone.

Si bien PhoneGap Build es gratuito para proyectos de código abierto (el código debe obtenerse 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). compartiendo o colaborando, está detrás de la curva. Aproveche los beneficios de la colaboración con las aplicaciones web adecuadas. Leer más), 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. jónico

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

Ionic también viene con una herramienta llamada Creator, que le permite crear y diseñar interfaces para su aplicación móvil usando ubicaciones de arrastrar y soltar. Esto es mucho más fácil que tratar de reconstruir una interfaz de usuario en HTML o un lenguaje de marcado similar a HTML. Como tal, Ionic es ideal para los principiantes. Cree una aplicación móvil sin conocimientos de programación con aplicaciones sin código Cree 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 utilizando una serie de herramientas de arrastrar y soltar , entonces cual es la trampa? 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 utilizando Cordova. La mayor parte de este proceso se maneja entre bastidores y es muy fácil incluso para los principiantes, así que no se preocupe si suena complicado. No es.

6. Meteorito

La afirmación de Meteor a la fama es doble: primero, es una solución de pila completa 10 trabajos de programación de computadoras que están en demanda en este momento 10 trabajos de programación de computadoras que están en demanda en este momento Desde que obtener un trabajo de programación puede ser difícil en el panorama actual Considere enfocarse en una de las siguientes concentraciones para mejorar sus posibilidades de éxito. Leer más (integra el desarrollo de frontend, backend, base de datos, lado del 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 si bien se utiliza principalmente para aplicaciones web, Meteor puede 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, en el momento de esta publicación, la exportación móvil solo está disponible en Mac y Linux (no compatible con Meteor para Windows).

7. Phaser

Si prefieres crear juegos móviles, necesitarás un framework 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 del mundo). Y Phaser es fácilmente uno de los mejores en su clase..

Phaser tiene opiniones: tienes que estructurar tu código de cierta manera, pero sus opiniones se basan en décadas de prácticas de desarrollo de juegos probadas y reales. 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 incorporada, por lo que tendrá que 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 entender 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 “real” Lenguajes como Java y Swift. Los marcos móviles de JavaScript se utilizan con más frecuencia de lo que piensan las empresas reales para aplicaciones reales con clientes reales.

Y eso es testimonio de lo buenos que son estos marcos. Mire la lista de aplicaciones populares de Android o aplicaciones iOS populares y probablemente no podrá decir cuáles están escritas de forma nativa o JavaScript..

Un último consejo: una vez que haya finalizado su aplicación móvil, consulte estos consejos para ayudar a que se convierta en viral Cómo las aplicaciones móviles se vuelven virales: 7 potentes consejos que puede utilizar hoy Cómo las aplicaciones móviles se vuelven virales: 7 potentes consejos que puede usar hoy Hacer la aplicación es la parte fácil, terminar la aplicación es un poco más difícil, pero lograr que la gente use su aplicación es donde muchas empresas fracasan. Aquí hay siete grandes consejos. Lee mas . Después de todo, ¿de qué sirve hacer una aplicación si nadie termina de usarla? Buena suerte!

¿Qué marcos te atraen más? ¿Me perdí alguna buena? ¿Qué tipo de aplicación esperas hacer? Comparte tus pensamientos y esfuerzos con nosotros abajo!

Explorar más sobre: ​​JavaScript.