Introdução ao Electron – faça aplicativos desktop com HTML, JS e CSS!!

Fala pessoal, hoje vou falar um pouco sobre o Electron , mas neste caso não é a partícula de carga negativa que fica girando ao redor do núcleo atômico, mas sim de um framework que possibilita criar aplicativos desktop para os três grandes  sistemas operacionais (MacOs, Linux e Windows)  com o uso de HTML, CSS e Javascript, com isso você pode ter uma alternativa ao WPF e Windows Forms do .NET, ao JavaFX e o Swing do mundo Java.

desconectadoUma das maiores vantagens ao meu ver no uso do Electron é poder trabalhar desconetado, ou seja desenvolva seu aplicativo “Offline First” porque sempre temos que levar em conta que seu usuário não está constantemente on-line.

O Electron foi desenvolvido pelo pessoal do GitHub, mas trata-se de um projeto open-source então você pode contribuir para o projeto também.

Ele trabalha com o Chronium que é o projeto em que o Google Chrome se baseia e também usa o NodeJs para dar ao desenvolvedor Apis para o desenvolvimento.

tela13

Leia mais…

No liquidificador: Knockout + Bootstrap + Toastr.js + BootBox + Asp.NET MVC + BootsWatch + WebAPI + MongoDB

Fala pessoal, neste final de semana da páscoa aproveitei o feriado e coloquei no liquidificador várias tecnologias para “misturar” e ver o que “sai” no final.

Desta vez vou criar um sistema com Knockout, Bootstrap, BootsWatch, BootToastr.js, BootBox, Asp.net MVC, Web Api, Swagger e MongoDB.

Vamos explicar um pouco de cada tecnologia principalmente para quem não conhece:

Knockout é uma biblioteca javascript (open source) que simplifica a construção de interfaces gráficas dinâmicas, usando o padrão MVVM (Model-View-View-Model), para saber mais acesse o site oficial.

Bootstrap é um framework front-end que cria sites já com tecnologia mobile (responsivo) sem ter que digitar uma linha de CSS, muito utilizado no mercado, acesse o bootstrap para conhecer melhor.

Toastr.js é um framework javascript para exibir notificações não bloqueadoras na tela, exibe aquelas “janelinhas” verdes, vermelhas, amarelas dependendo da situação ou definição de mensagem ao usuário, mais informações podem ser obtidas no github do projeto.

BootBox é um framework para exibição de caixas de diálogo usando o bootstrap modal, bem simples de usar e bonito, entre no link do projeto para conhecer melhor, possui varios exemplos de uso.

ASP.NET MVC  bom esse é o framework MVC web da Microsoft, já deve ser conhecido de quase todos os desenvolvedores web, vou deixar o link para maiores informações.

BootsWatch trata-se de um site que disponibiliza temas free para o bootstrap, muito bacana, basta acessar o site deles e escolher o tema que você achar mais bonito e subscrever o arquivo bootstrap.min.css.

WebApi segundo a própria definição da Microsoft “é uma estrutura que facilita a criação de serviços HTTP que atingem uma ampla gama de clientes, incluindo navegadores e dispositivos móveis. ASP.NET Web API é uma plataforma ideal para a construção de aplicativos RESTful no .NET Framework.” segue o link para obter mais informações.

Swagger este é um dos meus favoritos, uso o swagger para documentar minhas api´s, ele é um projeto composto por algumas ferramentas que auxiliam o desenvolvimento de APIs Rest e gera uma ótima documentação bem como ambiente completo para os testes de sua API. Veja no link oficial da ferramenta maiores detalhes.

MongoDB bom este dispensa comentários, trata-se de um banco NOSQL que já venho falando sobre aqui no meu site, você pode acompanhar sobre ele nos dois artigos que fiz (parte 1 e parte 2), é importante que o MongoDB já esteja funcionando em sua máquina para o exemplo ok?

Bom agora é colocar tudo no “liquidificador” e ver o que sae!!

Leia mais…