Write once, run "everywhere"

965
-1

Published on

Apresentação feita na CodeConference na faculdade MaterDei

Published in: Mobile
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
965
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Write once, run "everywhere"

  1. 1. Stefan Horochovec • Arquiteto de Software • BlackBerry Elite Member • Consultor • Java EE; • Cloud Computing; • Mobile Solutions; • Revisor Técnico – Packpub Publishing; • Instrutor/Professor/Palestrante/Autor;
  2. 2. Agenda • Cenário – Tecnologias nativas; • Cenário – HTML para dispositivos móveis; • Ferramentas • Demonstração • BlackBerry
  3. 3. Tecnologias Nativas
  4. 4. Apple • Alto custo para iniciar o desenvolvimento • Adquirir um MacOS • Adquirir um iPhone/iPad • Adquirir um plano de desenvolvedor na Apple • Emulador razoável • Baixa fragmentação • IDE: XCode • Aprender Objective-C ?? • Aprender Swift !!!
  5. 5. Android • Baixo custo para iniciar o desenvolvimento • Adquirir um Android • Adquirir um plano de desenvolvedor na Google • Aprender “Java” • Péssimo emulador • IDE: Android Studio (baseado no IntelliJ) • Alta fragmentação • Variação enorme de devices no mercado
  6. 6. Windows Phone • Baixo custo para iniciar o desenvolvimento • Adquirir um Windows Phone • Adquirir uma licença do Visual Studio ou utilizar a versão Express; • Adquirir um plano de desenvolvedor na Microsoft • Aprender C# / VB.NET / Silverlight • IDE: Visual Studio • Emulador razoável • Baixa fragmentação
  7. 7. BlackBerry • Baixo custo para iniciar o desenvolvimento • Adquirir um BlackBerry • Sem custos para o desenvolvedor publicar aplicativos • Aprender Cascades • IDE: Momentics (baseado no eclipse) • Emulador razoável • Baixa fragmentação
  8. 8. HTML – Dispositivos móveis
  9. 9. HTML • Disponível para todas as plataformas • Compatibilidade de código entre plataformas • É possível acessar recursos de hardware e sistema operacional • É possível distribuir seu aplicativo via App Store • Todo o desenvolvedor WEB tem familiaridade com o desenvolvimento • HTML não muda do dia para a noite  • Javascript não muda do dia para a noite  • CSS não muda do dia para a noite 
  10. 10. Ferramentas
  11. 11. AngularJS – O que é? • http://www.angularjs.org/ • Framework JavaScript com grande foco em HTML; • Conceito MVC; • Desenvolvido pela Google; • Permite uma padronização de arquitetura “enterprise” em uma aplicação web dinâmica; • Permite criação de novas tags em HTML para seu navegador interpretar; • Suporta os navegadores: IE8+, Chrome, Firefox, Safari e Opera;
  12. 12. AngularJS – Principais Features • Bootstrap; • Two-way Data-Binding; • Templates; • Repeaters; • Filters; • Injeção de Dependência; • Templates; • Routes; • Eventos; • RESTful;
  13. 13. AngularJS – Foco em HTML
  14. 14. AngularJS – Componentes
  15. 15. AngularJS – Controllers
  16. 16. AngularJS – Controllers
  17. 17. AngularJS – Templates
  18. 18. AngularJS – Templates
  19. 19. NodeJS – O que é? • http://www.nodejs.org/ • Plataforma baseada no Javascript runtime do Google Chrome – V8; • Criado para desenvolvimento de aplicações de alto desempenho; • Baseado em Eventos de I/O; • Apps real-time (Websockets); • Não confundir com Ajax (requisições assíncronas); • Operação via command-line; • Javascript de todos os lados (front-end e back-end); • Não suporta base de dados relacionais; • Disponível para Windows, Linux e MacOS; • Gerenciamento de pacotes via NPM (Node Package Manager);
  20. 20. GulpJS – O que é? • http://www.gulpjs.org/ • Ferramenta para build de aplicações web modernas • Pré-requisitos: NodeJS; • Através de um único arquivo você pode trabalhar com o build de seus aplicativos; • Possui mais de 550 plugins; • Operação via command-line;
  21. 21. Cordova • http://www.cordova.io/ • Framework open-source para desenvolvimento de aplicações móveis; • Mantido pela Apache Software Foundation; • Cross-Platform; • A partir da versão 3.0, o Cordova CLI se encarrega de facilitar ainda mais o desenvolvimento, mantendo plug-ins e configurações em locais separados para cada plataforma; • Suporta: • iOS (Mac) • Amazon Fire OS (Mac, Linux, Windows) • Android (Mac, Linux, Windows) • BlackBerry 10 (Mac, Linux, Windows) • Windows Phone 7 (Windows) • Windows Phone 8 (Windows) • Windows 8 (Windows) • Firefox OS (Mac, Linux, Windows)
  22. 22. Phonegap • http://www.phonegap.com/ • Framework open-source para desenvolvimento de aplicações móveis baseado no cordova; • Mantido pela Adobe; • É uma redistribuição melhorada do Cordova; • Adobe sugere que suas contribuições ocorram a nível de Cordova; • Serviço de build na nuvem;
  23. 23. Phonegap
  24. 24. IDE • A de sua preferência!!!!! • Mais utilizadas (ou as que estão na moda....) • Sublime Text • Brackts.io • Atom.io • Nova versão do Visual Studio com suporte ao Apache Cordova
  25. 25. Compartilhando • PPT – http://slideshare.net/horochovec • Codigo fonte - https://github.com/phonegap-showcase
  26. 26. Demonstração https://github.com/phonegap-showcase
  27. 27. Obrigado ;)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×