Mas o que eu preciso aprender para desenvolver com IONIC?
Vou começar explicando primeiro os tipos de apps que existem atualmente.
Além de inúmeros frameworks e ferramentas, temos dois tipos de desenvolvimento de apps.
[ad id='3939']
[quote]Desenvolvimento nativo[/quote]
Ex. WhatsApp, Facebook, Waze e Uber.
[quote]Desenvolvimento híbrido[/quote]
O aplicativo híbrido, como o próprio nome já sugere, é uma mistura de um aplicativo nativo e um web App.
O IONIC é um framework que usa AngulasJS para criar aplicações com um visual muito similar ao de apps nativos.
Oferecendo diversas bibliotecas de CSS e Javascript para AngularJS, ele simplifica o desenvolvimento e ajuda a produzir apps com um visual muito agradável, sem dar muito trabalho ao desenvolvedor, além de não exigir muito conhecimento prévio, apenas HTML, CSS e Javascript.
Para desenvolver um bom app só é preciso dominar bem o AngularJS e conhecer a biblioteca do IONIC.
Só é necessário aprender o básico, tal como:
▸ Básico sobre Apache Cordova
▸ Para builds e uso de plugins nativos
▸ câmera, geolocation, notificação push, etc
▸ Angular 2+ e TypeScript ( É a base de todo o código )
▸ Orientação a Objetos
▸ Componentes Ionic ( Listas, botões, modais, etc )
Plugins populares do Cordova distribuídos na lib do Ionic:
[ad id='3939']
▸ Camera
▸ Touch ID
▸ Oauth
▸ Push Notifications
▸ Geolocalização
▸ Progress Indicator
Agora que já sabemos um pouco sobre a diferença está na hora de colocar a Mão na Massa!
Baixe e instale o Node 6 LTS e NPM 3+
FONTE:
[quote]▸ https://nodejs.org/en/download/
▸ https://www.npmjs.com/package/npm3[/quote]
Depois que realizar o Download e instalar o pacote, rode o comando abaixo em seu Terminal:
[quote]▸npm install -g cordova ionic[/quote]
Obs. -g ( instalação em modo global )
Depois que realizar a instalação do cordova e o ionic em modo global, vamos iniciar nosso primeiro projeto.
[quote]▸ionic start minhaApp [/quote]
Dica Ionic:
Utilize o Ionic View, é um serviço do Ionic para facilitar o teste de aplicações entre dispositivos.
Teste no dispositivo Realizando um teste dentro do dispositivo conectado ao Chrome DevTools para debug.
ionic run + Chrome Inspect
Em meu slideshare tenho duas palestras com mais algumas dicas 😀
[quote]www.slideshare.net/SinesioBittencourt [/quote]
Conclusão
Depende muito da complexidade do que você pretende desenvolver, ambas as tecnologias são bem-vindas. Caso queira desenvolver um app simples que não utilize muitos recursos nativos como um e-commerce, ou até mesmo um aplicativo simples, o Ionic é o Framework perfeito para você.
Caso pretenda desenvolver algo mais complexo, como um WhatsApp, Facebook, Waze ou até mesmo uma concorrente para o Uber ou algo similar, aconselho que utilize o nativo.
Veja também: Aprenda como desenvolver com IONIC
Se você ainda ficou com alguma dúvida ou teve alguma dificuldade na instalação, deixe um comentário.
[ad id='3939']
