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