Electron – Aplicações Desktop com Tecnologias Web

Opa! Electro não, Electron

O desenvolvimento de Aplicativos nunca esteve tão em alta como agora e muitos profissionais estão criando suas próprias aplicações web. Hoje vou mostrar uma solução que irá ajuda-lo a portar estes mesmos APPs para o Desktop.

A ideia desta solução é que qualquer desenvolvedor que conheça HTML, CSS e JS possa criar aplicativos multiplataformas rapidamente, sem a necessidade de aprender novas linguagens, assim como o Phonegap agora temos o Electro!

Gostou da ideia? Eu tambem!

Electron – APP Desktop

Opa! Electro não, Electron

Electron permite o desenvolvimento de aplicações desktop utilizando JavaScript, HTML, CSS e Node.js. Os aplicativos criados podem ser utilizado no Windows, Mac OS e Linux.

Você pode gerar aplicações completas que serão multiplataforma e poderão ser rodadas em praticamente qualquer ambiente desktop. O melhor de tudo isso? Sua APP pode ser 100% offline.

Tudo é muito simples no Electron e somente com a documentação oficial já é possível utiliza-lo. Mais para frente farei um exemplo e comentarei sobre, como o caso do PhoneGap que tambem estou devendo.

Opa! Electro não, Electron

Download Electron

O framework Electron é mantido pelo GitHub e pode ser utilizado sem nenhum tipo de pagamento ou taxa. No site oficial é possível conferir a documentação completa e ainda baixar todos os arquivos necessários para iniciar seu projeto.

Aquele sobre 99's

99jobs, 99taxis, 99freelas, 99canvas, 99designs, 99motos. 99problems…but a bitch ain’t one…

Recomendo dar play no video =)

É uma curiosidade que sempre tive. Afinal de contas, o que há de tão especial no número 99 para ele estar no nome de tantas empresas da internet? Em uma busca rápida encontrei 105 batizadas sob a o duplo nove. o.O

Mas por que o 99?

Surpreendentemente, não há um motivo-padrão para o uso do número ou uma explicaçõess para utilizarem o 99.

  • É fácil de lembrar
  • É universal, funciona em qualquer idioma
  • Na ordem alfabética vem na frente das letras então costuma aparecer no topo das listas
  • Ë mais fácil registrar marca e domínios
  • Nome Internacional. Esse é um nome que dependendo da palavra que você usar pode ser útil no mundo inteiro, e quem não começa uma startup sonhando que um dia ela vai ser um sucesso mundial?
  • SEO otimizado – O número permite que você coloque uma palavra chave que remete muito ao seu negócio dentro do seu domínio, o que possibilita que você tenha um ranking de SEO otimizado.
  • É realmente muito muito fácil de lembrar. Por ter um número que hoje está associado a praticamente todas as estratégias de preço de produtos no mercado (299,99, 1,99). E também por ter uma palavra que remete rápido ao core do seu negócio (taxi, jobs).

Aquele sobre PhoneGap Developer App

Eu nunca pensei que iria usar tantas coisas da Adobe, aquela empresa dona do cara rápido da DC, mas ultimamente com o brackets e o que estão fazendo com o PhoneGap, estou gostando dela mas ainda não sou um bitch da Adobe.

Vou apresentar um recurso indispensável para quem pretende tirar o máximo de proveito do PhoneGap o PhoneGap Developer App.

PhoneGap Developer App é um aplicativo para Android, iOS e Windows Phone capaz de rodar aplicações que estão sendo desenvolvidas através deste framework.

É possível rodar um servidor em rede local que poderá ser acessado pelo PGDA e com isso testar e utilizar o aplicativo em tempo real, direto no smartphone ou tablet. Isso tudo sem downloads e uploads do App. Todo o processo é feito via rede wireless.

O único requisito é o computador que esta sendo utilizado no desenvolvimento estar na mesma rede do dispositivo mobile. No site oficial do PGDA você encontrará toda a documentação necessária para utilizar o recurso. Não fique preocupado, tudo é muito simples.

É só entrar na pasta onde foi criado o projeto em PhoneGap e executar um comando: phonegap serve (serve mesmo, não server)

$ phonegap serve

No terminal sera gerado um endereço de ip, onde sera colocado no aplicativo, muito simples, todas as alterações feitas no projeto são automaticamente alterada no app.

Para cancelar aperte control + c no terminal de comando

Viu? muito simples, melhor do que esperar um ano para o emulador do Android ser aberto. =)

@carlosgodri