0
Stefan Horochovec
• Arquiteto de Software
• BlackBerry Elite Member
• Consultor
• Java EE;
• Cloud Computing;
• Mobile Sol...
Agenda
• Cenário – Tecnologias nativas;
• Cenário – HTML para dispositivos móveis;
• Ferramentas
• Demonstração
• BlackBer...
Tecnologias Nativas
Apple
• Alto custo para iniciar o desenvolvimento
• Adquirir um MacOS
• Adquirir um iPhone/iPad
• Adquirir um plano de des...
Android
• Baixo custo para iniciar o desenvolvimento
• Adquirir um Android
• Adquirir um plano de desenvolvedor na Google
...
Windows Phone
• Baixo custo para iniciar o desenvolvimento
• Adquirir um Windows Phone
• Adquirir uma licença do Visual St...
BlackBerry
• Baixo custo para iniciar o desenvolvimento
• Adquirir um BlackBerry
• Sem custos para o desenvolvedor publica...
HTML – Dispositivos móveis
HTML
• Disponível para todas as plataformas
• Compatibilidade de código entre plataformas
• É possível acessar recursos de...
Ferramentas
AngularJS – O que é?
• http://www.angularjs.org/
• Framework JavaScript com grande foco em HTML;
• Conceito MVC;
• Desenvo...
AngularJS – Principais Features
• Bootstrap;
• Two-way Data-Binding;
• Templates;
• Repeaters;
• Filters;
• Injeção de Dep...
AngularJS – Foco em HTML
AngularJS – Componentes
AngularJS – Controllers
AngularJS – Controllers
AngularJS – Templates
AngularJS – Templates
NodeJS – O que é?
• http://www.nodejs.org/
• Plataforma baseada no Javascript runtime do Google Chrome – V8;
• Criado para...
GulpJS – O que é?
• http://www.gulpjs.org/
• Ferramenta para build de aplicações web modernas
• Pré-requisitos: NodeJS;
• ...
Cordova
• http://www.cordova.io/
• Framework open-source para desenvolvimento de aplicações móveis;
• Mantido pela Apache ...
Phonegap
• http://www.phonegap.com/
• Framework open-source para desenvolvimento de aplicações móveis
baseado no cordova;
...
Phonegap
IDE
• A de sua preferência!!!!!
• Mais utilizadas (ou as que estão na moda....)
• Sublime Text
• Brackts.io
• Atom.io
• No...
Compartilhando
• PPT – http://slideshare.net/horochovec
• Codigo fonte - https://github.com/phonegap-showcase
Demonstração
https://github.com/phonegap-showcase
Obrigado ;)
Write once, run "everywhere"
Write once, run "everywhere"
Write once, run "everywhere"
Write once, run "everywhere"
Write once, run "everywhere"
Write once, run "everywhere"
Write once, run "everywhere"
Write once, run "everywhere"
Write once, run "everywhere"
Write once, run "everywhere"
Write once, run "everywhere"
Upcoming SlideShare
Loading in...5
×

Write once, run "everywhere"

703

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
703
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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.

×