5. App Nativa: .apk, .ipa, etc
APIs Nativas
Web View Nativa (Browser)
Seu Código
O QUE É UM APP HÍBRIDO?
6. O QUE É IONIC?
Empacotamento do App Nativo (ipa,
apk) com Apache Cordova
Acesso APIs Nativas (plugins com
Apache Cordova: Ionic Native)
Base do código com Angular 2
+ ES2015 (ES6) + TypeScript
CSS + tags HTML do Ionic
7. IONIC 1
▸ Criado em 2013
▸ Bootstrap para apps mobile
▸ Fornece componentes e diretivas que parecem nativos
▸ Organização de código com Angular 1
▸ Projeto base Cordova (Phonegap): acesso nativo através
de plugins e geração de executável para app stores
▸ Mais de 1 milhão de apps publicadas
▸ Suporte para iOS e Android
▸ Suporte para Windows Phone 8 via template especial
Visual Studio
8. IONIC 2
▸Reescrita do Ionic 1
▸Organização do código em Angular 2
▸Mesmos componentes do Ionic 1
▸Experiência mais próxima do nativo
▸Melhoria de performance
▸Suporte para iOS, Android e Windows
Phone 10
9.
10. IONIC 2 + ANGULAR 2
▸WebComponents + padrões web
▸Baseado em Componentes
▸TypeScript
▸EcmaScript 2015
▸Components, Services + Observables, Pipes, Directives
▸Ionic Native entra no lugar no ngCordova
▸Não usa o roteamento do Angular 2
▸Navegação por stack (pilha)
29. PRÓS E CONTRAS
▸Bom para apps que tem muita tela e pouca
integração com nativo (hardware)
▸Bom para target em várias plataformas (ios,
android, wp)
▸Não é bom para apps com muito uso de
plugins (apesar de serem possíveis de fazer
com híbrido). Exemplos: muita geolocation
(uber e afins), execução em background,
realidade aumentada, etc
30. O QUE PRECISO APRENDER PRA DESENVOLVER COM IONIC?
▸ Básico sobre Apache Cordova
▸ Para builds e uso de plugins nativos
▸ camera, geolocation, notificação push, etc
▸ Angular 2 + TypeScript
▸ É a base de todo o código
▸ components, services, pipes, etc
▸ EcmaScript 2015 (ES6) e Orientação a Objetos
▸ Componentes Ionic
▸ Listas, botões, modais, etc
Tem curso
grátis no meu canal
do YouTube
Tem curso
grátis no meu canal
do YouTube!