Este documento apresenta 10 motivos para utilizar o Apache Cordova no Visual Studio 2015, incluindo: 1) Acesso à IDE Visual Studio familiar; 2) Suporte à plataforma Apache Cordova verdadeira; 3) Importação de projetos de outros editores. O documento também discute os benefícios como produtividade na depuração, acesso a recursos de dispositivos, emuladores e integração com ferramentas como GitHub.

1. 10 Motivos para utilizar Apache
Cordova no Visual Studio 2015
WIN302

2. Quem é o palestrante?
Daniel Semedo
Especialista de Produtos – Visual Studio
Microsoft
@danielsemedo
Palestra

3. Apps dominam o uso da internet em
dispositivos
80% 86%
20% 14%
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
2013 2014
Tempo gasto em Apps vs. Browser
Apps Web

4. Abordagens multidispositivo
Apps Desktop
Apps Windows Store
Aplicações baseadas em
browser
Projeto “Astoria”
Projeto “Islandwood”
Apps Híbridos
Apache Cordova
Projeto “Westminster”

5. Como é um App
Cordova?
Apps Cordova são aplicações web
executados dentro de uma aplicação
nativa (casca).
Isto permite que você utilize HTML,
CSS e JavaScript para criar seu app
enquanto ainda acessa os recursos de
hardware nativos do dispositivo!
Wrapper Nativo
<webview>
Seu App JavaScript
Cordova Plugin JS API

6. Construir apps nativos (silo approach) pode custar caro para atender 3 ou
mais plataformas...
O custo para atender diferentes plataformas
• 3 Projetos
• 3 Times de
desenvolvimento
• 3 Ilhas de conhecimento
• 3x mais caro (no
mínimo)
• 3x mais problemas (no
mínimo)

7. Aplicações baseadas em browser conseguem “simplificar” a complexidade
de times, projetos e custos
O custo para atender diferentes plataformas
• 1 Projeto
• 1 Time de
desenvolvimento
• 1 Ilha de conhecimento
• Riscos normais de um
projeto de
desenvolvimento

8. Há uma percepção geral de que apps desenvolvidos
em HTML, CSS e JavaScript são lentos
“Isto pode ser apenas uma percepção...”
DONE

9. 0
10
20
30
40
50
60
70
Android iOS Windows Store Windows Phone
Memória(MB)
Consumo de Memória
Native App Browser Cordova AppApp Nativo App Cordova

10. 0
1
2
3
4
5
6
7
Android Cold Android Warm iOS Cold iOS Warm WP Cold WP Warm
SEGUNDOS
Tempo de Startup
Native CordovaNativo Cordova

11. O app deve ser rápido, responsivo e fluido
17ms 100ms 250ms 1s
Otimizar sempre a experiência de uso
Fluido Instantâneo Rápido Limite do que pode ser considerado responsivo por
um usuário
OBJETIVO

12. Use a extensibilidade e flexibilidade da Web
Win.JS
Sencha
E muito mais!

13. Os frameworks
estão evoluindo

14. Plugins para acesso aos recursos do
dispositivo

15. 10 motivos para utilizar
Apache Cordova no
Visual Studio

16. 1. A IDE que você já conhece e confia
+

17. 2. É Apache Cordova de verdade
A Microsoft é uma das principais commiters do Angular.js 2.0 e Apache Cordova
Suporte à comunidade através do StackOverflow, MSDN Fóruns e Twitter

18. 3. Importe projetos de outros editores

19. 4. Utilize NPM, Gulp, Bower, etc.

20. 5. Produtividade na depuração e compilação
de código

21. 6. Acesso a recursos nativos do dispositivo

22. 7. Emuladores Android e Windows no Visual
Studio 2015

23. 8. Integração com GitHub, VSO e TFS
Suporte a CodeLens também no GitHub e
projetos JavaScript

24. 9. Serviços Conectados

25. 10. Apache Cordova suporta Windows 10

26. Demo

27. Q&A
Visite o espaço Ask the Experts, próximo dos expositores

28. Sessões relacionadas
• WIN301 - Portando apps Win32, iOS e Android para o Windows
10 com Universal Windows Platform Bridges
• WIN207 - Hosted Web Apps: Leve seu web site para dentro de
uma app
• WIN303 - Desenvolvendo Apps com C# para iOS, Android e
Windows com Xamarin

29. Continue sua capacitação
Microsoft Virtual
Academy
http://aka.ms/ch9 http://aka.ms/mva