Aplicativos móveis JavaScript: Sim, existe uma estrutura para isso

Propaganda

Se você deseja começar a criar aplicativos móveis, existem três idiomas principais Os melhores idiomas para o desenvolvimento de aplicativos móveis em 2016O mundo do desenvolvimento de aplicativos móveis ainda está forte como sempre. Se você quiser começar, não é tarde demais! Aqui estão os idiomas que você deve pensar em aprender. consulte Mais informação para escolher: aplicativos Java para Android, aplicativos Swift para iOS ou JavaScript para aplicativos de plataforma cruzada.

Mas espere, não é JavaScript para rede desenvolvimento? Sim, começou assim, mas evoluiu bastante na última década. Agora você pode criar um aplicativo Web em JavaScript e empacotá-lo com um mecanismo de navegador que funciona como um aplicativo móvel. Esses são chamados de aplicativos "híbridos".

Mais recentemente, algumas estruturas JavaScript podem pegar código JavaScript, compilar com a linguagem inerente de uma plataforma móvel e executar como verdade aplicativo móvel. Esses são chamados de aplicativos "nativos" e são preferíveis aos aplicativos híbridos, porque geralmente têm melhor desempenho.

Neste artigo, você aprenderá sobre sete estruturas JavaScript testadas em batalha, equipadas para criar aplicativos móveis usando um dos dois métodos mencionados acima.

O React, desenvolvido e mantido pelo Facebook, é uma das estruturas da Web JavaScript mais populares atualmente disponíveis. Se você ainda não experimentou, confira esses tutoriais incríveis do React 7 melhores tutoriais gratuitos para aprender a reagir e criar aplicativos da WebOs cursos gratuitos raramente são tão abrangentes e úteis - mas encontramos vários cursos do React que são excelentes e o ajudarão a começar com o pé direito. consulte Mais informação para começar. Existe uma curva de aprendizado, mas vale a pena.

O React Native é uma estrutura relacionada, também pelo Facebook, que permite criar aplicativos móveis em JavaScript usando os princípios do React. As UIs de aplicativos são projetadas com tags de layout em estilo HTML e folhas de estilo semelhantes a CSS. Portanto, se você é um desenvolvedor da web e deseja experimentar a área móvel, essa é a melhor maneira de fazê-lo.

Conforme implícito no nome, o React Native cria nativo aplicativos móveis. É uma das razões pelas quais tantos desenvolvedores modernos adoram o React Native, porque seus aplicativos tendem a superar os aplicativos escritos em outras estruturas JavaScript. A desvantagem? Você precisará manter ramificações separadas para cada plataforma móvel com ajustes específicos da plataforma. Não é "escrever uma vez, executar em qualquer lugar".

Angular é a a estrutura da Web JavaScript mais popular disponível no momento. Criado pelo Google e lançado pela primeira vez em 2009, ele acumulou uma enorme comunidade de usuários com sua abordagem única, mas fácil de aprender, para o desenvolvimento de aplicativos da web em uma única página.

Se você preferir o Angular, poderá criar aplicativos híbridos que ofereçam velocidades e experiências nativas. A ligação de dados bidirecional é um dos recursos mais notáveis ​​e a estrutura é robusta o suficiente para uso em nível empresarial. Afinal, é mantido pelo estimado Google!

Enquanto você pode use Angular para aplicativos móveis nativos, você precisará associá-lo a outra estrutura, como NativeScript ou Ionic. Ambos são abordados abaixo.

O NativeScript é uma estrutura de JavaScript para nativo para aplicativos móveis, com grande ênfase na reutilização do código. Mas talvez o mais interessante seja que você pode usar uma das três linguagens para projetos NativeScript: JavaScript, TypeScript ou Angular.

Se Angular é sua estrutura de escolha, mas é muito lento para seu aplicativo em particular e você precisa obter mais desempenho, o NativeScript pode ser a solução. Não gosta de Angular? Isso é bom. Use a estrutura NativeScript Core para escrever uma vez e implantar no iOS e no Android.

Para criar e projetar elementos da interface, você usará uma linguagem especial em HTML para criar vários componentes e CSS para personalizar a aparência e a aparência dos componentes.

O PhoneGap é uma estrutura de código aberto que permite o desenvolvimento rápido de aplicativos móveis híbridos usando JavaScript (para a lógica do aplicativo) e HTML + CSS (para a interface e o design). É baseado em Cordova, que também é de código aberto, mas carece de muitos dos sinos e assobios do PhoneGap.

Duas coisas tornam o PhoneGap ótimo para o desenvolvimento móvel: primeiro, o aplicativo PhoneGap Developer (que permite testar e visualização compilada em dispositivos móveis) e, segundo, o serviço PhoneGap Build (que empacota e implanta aplicativos para você). Você só precisa escrever uma vez e o PhoneGap pode entregar aplicativos para iOS, Android e Windows Phone.

Embora o PhoneGap Build seja gratuito para projetos de código aberto (o código deve ser extraído de um repositório público do GitHub 8 das melhores ferramentas colaborativas gratuitas para programadoresSe você é um programador e ainda não está compartilhando ou colaborando, está por trás da curva. Aproveite os benefícios da colaboração com os aplicativos da web certos. consulte Mais informação ), você recebe apenas um aplicativo particular com um limite de tamanho de 50 MB. Por US $ 10 / mês, você pode aumentar até 25 aplicativos particulares com até 100 MB de tamanho cada. Os assinantes da Creative Cloud recebem 25 aplicativos particulares com até 1 GB de tamanho cada!

A estrutura iônica é considerada por muitos como a estrutura mais fácil de aprender para o desenvolvimento móvel JavaScript. Como cria aplicativos móveis híbridos, você não precisa se preocupar com ajustes específicos da plataforma (você pode personalize se você quiser). Escreva uma vez, corra por toda parte.

O Ionic também vem com uma ferramenta chamada Creator, que permite criar e projetar interfaces para seu aplicativo móvel usando canais de arrastar e soltar. Isto é Muito de mais fácil do que tentar reunir uma interface do usuário em HTML ou uma linguagem de marcação semelhante a HTML. Assim sendo, Ionic é ótimo para iniciantes Crie um aplicativo móvel sem conhecimento de programação com aplicativos sem códigoÉ totalmente possível criar um aplicativo móvel básico usando várias ferramentas de arrastar e soltar, então qual é o problema? consulte Mais informação .

Depois de criar o front-end do seu aplicativo no Ionic, a estrutura é implantada em cada plataforma móvel usando o Cordova. A maior parte desse processo é realizada nos bastidores e é muito fácil, mesmo para iniciantes, por isso não se preocupe se parecer complicado. Não é.

A alegação de fama do Meteor é dupla: primeiro, é uma solução de pilha cheia 10 trabalhos de programação de computadores que estão com demanda no momentoComo conseguir um trabalho de programação pode ser difícil no cenário atual, considere se concentrar em uma das seguintes concentrações para melhorar suas chances de sucesso. consulte Mais informação (integra desenvolvimento de front-end, back-end, banco de dados, lado do cliente e lado do servidor) e, segundo, oferece ligação de dados bidirecional em tempo real (se algo mudar no back-end, ele será imediatamente atualizado no a parte dianteira).

E embora seja usado principalmente para aplicativos da web, o Meteor pode ser usado para aplicativos móveis híbridos. Como o Ionic, ele usa o Cordova para criar seu projeto e implantar para iOS e Android. Infelizmente, até o momento em que este artigo foi escrito, a exportação móvel está disponível apenas no Mac e Linux (não suportado pelo Meteor for Windows).

Se você preferir criar jogos para celular, precisará de uma estrutura significava para desenvolvimento de jogos. Essas estruturas fazem todo o trabalho duro para que você possa executar tarefas complexas em uma ou duas linhas de código (por exemplo, carregar uma imagem ou mover a câmera mundial). E a Phaser é facilmente um dos melhores da sua classe.

A Phaser é opinativa - você precisa estruturar seu código de uma certa maneira - mas suas opiniões são baseadas em décadas de práticas de desenvolvimento de jogos testadas e comprovadas. A curva de aprendizado é relativamente rasa e você pode ter seu primeiro jogo em funcionamento em poucas horas.

A exportação para dispositivos móveis não é um recurso interno, portanto você precisará fazer isso por meio de uma ferramenta como a Cordova. No entanto, existem muitos tutoriais da Phaser, portanto, não deve ser muito difícil descobrir uma vez que seu jogo esteja pronto para implantar.

Que tipo de aplicativo móvel você está criando?

Quero deixar claro: NÃO são simplesmente truques que existem para iniciantes que não podem se incomodar em aprender linguagens "reais" como Java e Swift. As estruturas móveis JavaScript são usadas com mais frequência do que você pensa pelas empresas reais para aplicativos reais com clientes reais.

E isso é prova de quão boas são essas estruturas. Veja uma lista de aplicativos populares para Android ou aplicativos iOS populares e você provavelmente não será capaz de dizer quais são escritos nativamente ou em JavaScript.

Uma última dica: quando o aplicativo para dispositivos móveis terminar, confira estas dicas para ajudá-lo a se tornar viral Como os aplicativos móveis se tornam virais: 7 dicas potentes que você pode usar hojeTornar o aplicativo a parte mais fácil, finalizá-lo é um pouco mais difícil, mas levar as pessoas a usá-lo é onde muitas empresas falham. Aqui estão sete ótimas dicas. consulte Mais informação . Afinal, de que adianta criar um aplicativo se ninguém acabar usando? Boa sorte!

Quais estruturas atraem mais você? Perdi alguns bons? Que tipo de aplicativo você espera criar? Compartilhe seus pensamentos e esforços conosco abaixo!