10 Motivos para utilizar Apache Cordova no Visual Studio 2015
WIN302
Quem é o palestrante?Daniel SemedoEspecialista de Produtos – Visual Studio
Microsoft
@danielsemedo
Palestra
Apps dominam o uso da internet em dispositivos
2013 20140%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
80% 86%
20% 14%
Tempo gasto em Apps vs. Browser
Apps Webfonte:
Flurry Analytics
Abordagens multidispositivo
.NET Apps Desktop Apps Windows Store
HTMLAplicações baseadas em browser
Experiência rica Abrangência de dispositivos
Projeto “Astoria”Projeto “Islandwood”
Apps HíbridosApache Cordova
Projeto “Westminster”
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
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)
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
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
Android iOS Windows Store Windows Phone0
10
20
30
40
50
60
70
Consumo de Memória
Native App Browser Cordova App
Mem
ória
(MB)
App Nativo App Cordova
MICROSOFT CONF IDENT IAL – INTERNAL ONLY
Android Cold Android Warm iOS Cold iOS Warm WP Cold WP Warm0
1
2
3
4
5
6
7
Tempo de Startup
Native Cordova
SEGU
NDOS
Nativo
Cordova
O app deve ser rápido, responsivo e fluidoAssim ele passará a sensação de “app nativo”
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
Use a extensibilidade e flexibilidade da WebApps Cordova podem utilizar os principais frameworks JavaScript e Web:
Win.JS
Sencha
E muito mais!
Os frameworks estão evoluindo
Ionic utiliza recursos de hardware do dispositivo para oferecer fluidez do front-end da aplicação, sem JQuery e com baixa manipulação de DOM
Plugins para acesso aos recursos do dispositivo
10 motivos para utilizar Apache Cordova no Visual Studio
1. A IDE que você já conhece e confia A produtividade do Visual Studio 2015 no desenvolvimento de seu app utilizando HTML5, CSS3 e qualquer framework JavaScript
+
2. É Apache Cordova de verdadeO Visual Studio 2015 não modifica ou cria um novo frameworkA Microsoft é uma das principais commiters do Angular.js 2.0 e Apache CordovaSuporte à comunidade através do StackOverflow, MSDN Fóruns e Twitter
3. Importe projetos de outros editoresTraga o seu projeto atual para o Visual Studio 2015
4. Utilize NPM, Gulp, Bower, etc.Utilize e crie rotinas de instalação, análise e atualização de frameworks
5. Produtividade na depuração e compilação de códigoUtilize os recursos de produtividade do Visual Studio 2015 para investigar o seu código
6. Acesso a recursos nativos do dispositivoConfigure a quais capacidades o seu app terá acesso e também a compatibilidade com diferentes plataformas e versões de SOs
7. Emuladores Android e Windows no Visual Studio 2015Rápido, integrado na depuração e executado via Hyper-V
8. Integração com GitHub, VSO e TFSUtilizado pela comunidade e por desenvolvedores Apache Cordova
Suporte a CodeLens também no GitHub e projetos JavaScript
9. Serviços ConectadosConecte seu app aos serviços do Microsoft Azure, Salesforce, Office365 e muito mais
10. Apache Cordova suporta Windows 10Suporte também Windows 10 com nenhuma ou poucas mudanças, utilize o emulador do Visual Studio 2015 para testar e validar seu app
Demo
Q&A
Visite o espaço Ask the Experts, próximo dos expositores
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
Continue sua capacitação
Microsoft Virtual Academy
http://aka.ms/ch9 http://aka.ms/mva