Aprenda como desenvolver com IONIC

14-03-2018 On Por Sinesio Bittencourt

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. WhatsAppFacebookWaze 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 que eu preciso aprender para desenvolver com IONIC.

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:

O que eu preciso aprender para desenvolver com IONIC

▸ 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 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 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.

http://view.ionic.io

Teste no dispositivo Realizando um teste dentro do dispositivo conectado ao para debug.

ionic run + Chrome Inspect

Em meu  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 WhatsAppFacebookWaze 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′]