Transferir como PDF, PPTX
Carregado porLoiane Groner
Ionic 3
O documento fornece informações sobre Loiane Groner, uma desenvolvedora brasileira especializada em tecnologias como Java, JavaScript, Angular e Ionic. Ela oferece treinamentos e cursos sobre essas tecnologias e escreveu livros disponíveis na Amazon.
Ionic 3
- 1.
- 2. Loiane Groner @loiane github.com/loiane loiane.com loiane.training 10+ XPTI Java, JavaScript/HTML5, Sencha, Angular, Phonegap/ Ionic
- 3. Disponível (inglês) naamazon.com.br
- 4.
- 6.
- 8.
- 9. App híbrido Web ViewNativa (Browser) Seu Código
- 10. App híbrido APIs Nativas WebView Nativa (Browser) Seu Código
- 11. App híbrido APIs Nativas (camera,contatos, sqlite) Web View Nativa (Browser) Seu Código
- 12. App híbrido App Nativa:.apk, .ipa, etc APIs Nativas (camera, contatos, sqlite) Web View Nativa (Browser) Seu Código
- 13. Cordova: estrutura doprojeto Extensão componente nativo WebView Browser nativo que abre index.html do diretório www Acesso API nativa através de plugins Ionic abstrai com código Angular: Ionic Native Empacotamento para ipa ou apk +
- 14. Padrão Web Components Ionic2.x/3.x === Componentes Angular Tags ion-* Código Angular + EcmaScript + TypeScript Conceitos Angular: Components, Services, Pipes, Injeção de Dependência, Data Binding, etc Não usa o roteamento do Angular Navegação por Stack (Pilha) +
- 15. App Ionic CSS +tags HTML do Ionic
- 16. App Ionic Base docódigo com Angular + EcmaScript + TypeScript CSS + tags HTML do Ionic
- 17. App Ionic Acesso APIsNativas (plugins com Apache Cordova: Ionic Native) Base do código com Angular + EcmaScript + TypeScript CSS + tags HTML do Ionic
- 18. App Ionic Empacotamento AppNativo: .apk, .ipa Acesso APIs Nativas (plugins com Apache Cordova: Ionic Native) Base do código com Angular + EcmaScript + TypeScript CSS + tags HTML do Ionic
- 19. App Ionic Empacotamento AppNativo: .apk, .ipa Acesso APIs Nativas (plugins com Apache Cordova: Ionic Native) Base do código com Angular + EcmaScript + TypeScript CSS + tags HTML do Ionic
- 20.
- 21.
- 22. Calma, calma… Não criemospânico!
- 23. Ionic 1.x ->AngularJS 1.x Ionic 2.x -> Angular 2.x Ionic 3.x -> Angular 4.x Versionamento Semântico Major.Minor.Patch
- 24.
- 25.
- 26. Ionic CLI Cordova CLIAngular CLI Extras + Customizações + + ==
- 27. npm install -gcordova ionic@latest ionic start minhaApp Instalar Ionic CLI
- 28. COMPONENTES E PÁGINAS DIRETIVAS NAVEGAÇÃO PILHA SERVIÇOS TEMPLATE DATA BINDING INJEÇÃO DEPENDÊNCIA MÓDULOS Angular2.x/4.x + Ionic 2.x/3.x PLUGINS CORDOVA (IONIC NATIVE)
- 30.
- 31. Show me the Cde! https://github.com/loiane/ionic2-intro-example
- 32.
- 34. Apps instalados: arquivos .ipa e.apk Apps instalados: arquivos .ipa e .apk
- 36. Apps instalados: arquivos .ipa e.apk Diferenças visuais entre iOS e Android
- 38. Apps instalados: arquivos .ipa e.apk Diferenças visuais entre iOS e Android
- 41.
- 42. Plugins populares doCordova distribuídos na lib do Ionic: Camera Bluetooth SqLite Facebook Push entre outros +
- 43.
- 46. Opções da Foto:base64, salvar no álbum e 90% de qualidade
- 48.
- 50. Imagem sanitizada pelo Angular 2/4- segurança
- 53.
- 55.
- 56.
- 57.
- 58. Básico sobre ApacheCordova Para builds e uso de plugins nativos camera, geolocation, notificação push, etc Angular (2.x/4.x) + 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 O que preciso aprender pra desenvolver com ionic?
- 59. Básico sobre ApacheCordova Para builds e uso de plugins nativos camera, geolocation, notificação push, etc Angular (2.x/4.x) + 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 O que preciso aprender pra desenvolver com ionic? Tem curso grátis no meu canal do YouTube Tem curso grátis no meu canal do YouTube!
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66. Quer aprender maissobre Cordova e Angular (2.x e 4.x)? /loianegroner
- 68.