Hello world hybrid apps oportunidades com ionic framework v2
- 1. Hello World Hybrid Apps Oportunidades com Ionic Framework v2
- 2. Sobre Ricardo Ferreira de Andrade Netto Analista de Sistemas Lider da Equipe RSI Tecnologia /ricardofanetto http://rsitecnologia.com.br
- 3. Mais afinal o que é Ionic Ionic é um framework para desenvolvimento de aplicações para dispositivos móveis que visa o desenvolvimento de apps híbridas de rápido e fácil desenvolvimento.
- 4. Tecnologías utilizadas Acima de tudo! Reaproveitamento de conhecimentos que você já possui!!
- 5. Multiplataforma Perfeito! Gera aplicativos para as principais plataformas do mercado.
- 6. Multiplataforma Você consegue gerar aplicações web também.
- 8. Mais e os recursos nativos? O Apache Cordova oferece um grupo de APIs que permitem desenvolver uma aplicação com HTML, CSS e JavaScript encapsulada como aplicação móvel nativa.
- 10. E para unir tudo isso...
- 11. Angular AngularJS é um framework JavaScript open-source, mantido pelo Google, que auxilia na execução de single-page applications. Seu objetivo é aumentar aplicativos que podem ser acessados por um navegador web, foi construído sob o padrão model- view-view-model (MVVM), em um esforço para facilitar tanto o desenvolvimento quanto o teste dos aplicativos.
- 12. Typescript TypeScript é uma linguagem para desenvolvimento JavaScript em larga escala. Com TypeScript podemos escrever código utilizando uma estrutura fortemente tipada e ter este código compilado para JavaScript puro. Qualquer navegador. Qualquer host. Qualquer SO.
- 14. UI Components IOS Android Windows
- 28. Ionic Native Ionic Native é um wrapper TypeScript para plugins Cordova/PhoneGap que tornam a adição de qualquer funcionalidade nativa fácil e rápida em seus aplicativos feitos em Ionic.
- 30. API Facebook
- 31. API Google Plus
- 32. API Storage
- 33. API Dialogs
- 34. API AdMob
- 35. API Date Picker
- 36. API Camera
- 37. API Geolocation
- 38. API E muito mais…. ● 3D Touch ● App Rate ● Barcode Scanner ● Bluetooth ● Calender ● Clipboard ● File ● Fingerprint ● Keyboard ● Media ● Paypal ● E até onde sua imaginação for….
- 41. Híbrido vs Nativo Ponderações ● Acesso frequente à recursos nativos; ● Custo não é o problema; ● Tempo não é o problema; ● Curva de aprendizagem mais demorada; ● Deadline é curto; ● Custo benefício; ● Menos custo de manutenção; ● Curva de aprendizagem acentuada; Nativo Híbrido
- 42. Legal e agora? ● Ter instalado o NodeJS ● Um editor de código de sua preferência. ● Instalar o Android SDK Vamos começar a trabalhar com esse fantástico framework para apps mobile. Mais antes…. Você precisa….
- 43. Ionic cli É uma ferramenta de linhas de comando com inúmeras facilidades para o desenvolvimento tais como: ● Adicionar plugins (ionic plugins add) ● Gerador automático de icons e splash (ionic resources) ● Ionic g ● Build (ionic build) ● Liveload (ionic run android -l)
- 44. O Ionic no meu dia à dia! Com o conhecimento no framework você poderá abrir uma gama de oportunidades de trabalho e renda extra tais como: ● Construir aplicações simples para seu uso; ● Publicar as App’s nas lojas e passar a ganhar dinheiro com elas; ● Realizar projetos para terceiros como freelance; ● Entre outros..
- 45. Ionic na empresa que trabalho Criar ferramentas mobile dos sistemas da empresa, com funcionalidades que são interessantes, com isso você passará a ter.. ● Novas experiências; ● Conhecimento de um mundo diferente; ● Pensar mais simples; ● E entre outros benefícios desse admirável mundo novo..
- 46. Principais benefícios do Ionic ● Comunidade muito ativa; ● Componentes sendo criados com muita velocidade; ● Acha quase tudo, ou seja, é html .. js e css dá para fazer como quiser.. ● Produtividade ● Ferramentas próprias como Ionic Creator e Ionic view
- 47. Ionic Creator
- 48. Ionic Services Para completar todos os recursos que o framework já possui ainda temos o services.
- 49. E nas Stores…. Aplicativos feitos com Ionic de sucesso nas lojas. Sworkit Personal Trainer Mais de 1 milhão de download Rating: 4.6 Alerta Concurso Mais de 100 mil downloads Rating: 4.3
- 50. Coding... TrackPost ● Busca usando Api Postmon; ● Ionic v3 ● Angular 4
- 51. Estrutura de Pastas ● Plugins: são armazenados todos os plugins do IONIC NATIVE; ● Src: A pasta onde está o código fonte do nosso projeto; ● Assets: Imagens, icons e outros itens que desejamos adicionar como internacionalização; ● Pages: Todas as telas; ● www: O projeto compilado.