Publicação

Electron uma maneira simples de desenvolver aplicativos híbridos

foto de
Andre Rodrigues CONTEÚDO EM DESTAQUE

 Olá pessoal, tudo bem? Antes de começar a falar sobre essa maravilha de nome Electron gostaria de dizer que só parei de postar esse tempo devido questão serviços e até mesmo por estudos, mas que estarei voltando a publicar postagens sempre que houver um tempinho sobrando. Sem mais delongas vamos ao nosso post  :) .

  Hoje venho falar um pouco sobre este incrível framework de nome Electron que mesmo com pouco tempo de codes com ele, me surpreendeu bastante! Você deve está se perguntando: "Nossa ele falando assim deve ser algo realmente foda, o que ele faz de tão especial?", simples este framework possibilita o desenvolvimento de aplicações hibridas e o melhor de tudo você pode montar vários programinhas para desktop usando seu conhecimento e tecnologias de web tais como Bootstrap, pré-processadores,  Jquery, Angular e outras que agilizam no desenvolvimento e deixa seu layout mais bonito.

Construindo uma aplicação (escrevendo um Hello World)      

Passo 1

Antes de iniciarmos nossa pequena aplicação, tenha instalado em seu computador as seguintes ferramentas:

  • Editor de código (Escolha um de sua preferencia e que seja fácil de codar)
  • Instale o Node-JS (Link do site)
  • Instale CMDER caso esteja no Windows (link)

Passo 2

Se tudo estiver devidamente instalado abra o seu CMDER onde foi extraído e digite os seguintes comandos:


# Comando para clonar o repositório 
$ git clone https://github.com/electron/electron-quick-start

# Comando para abrir a pasta
$ cd electron-quick-start

# Comando que instala dependências e executa a aplicação
$ npm install && npm start

Feito este passo irá abrir uma janela em seu computador como está abaixo.

Bem legal simples não é?! Mas agora que tal deixarmos essa aplicação com nossa cara? Para isso abra o arquivo index.html que se encontra na pasta do Electron e retire os textos que estão dentro da tag Body e digite o seguinte código:


<H1>Olá, este é meu primeiro programinha com Electron.</h1>
<hr>
<p>A partir daqui irei criar várias coisas legais.</p>

  Claro que você pode fazer muito mais que isso desde que tenha uma base de desenvolvimento web, espero que tenha gostado desse pequeno post sobre o Electrom, e até próxima amigo (a) .  

Comentários