Construindo aplicativos SharePoint 2013 com AngularJS

24
CONSTRUINDO APLICATIVOS SHAREPOINT COM ANGULARJS CONSTRUINDO APLICATIVOS

description

SharePoint 2013 SharePoint Hosted App Single Page App Angular JS

Transcript of Construindo aplicativos SharePoint 2013 com AngularJS

Page 1: Construindo aplicativos SharePoint 2013 com AngularJS

CONSTRUINDO APLICATIVOS

SHAREPOINT COM ANGULARJS

CONSTRUINDO APLICATIVOS

Page 2: Construindo aplicativos SharePoint 2013 com AngularJS

QUEM?

WILLIAM S. RODRIGUEZwilliamsrz.com.br / [email protected]

@williamsrodz

#DescubraSharePoint

#TDC2014

Page 3: Construindo aplicativos SharePoint 2013 com AngularJS

O QUE É O

SHAREPOINT?

Page 4: Construindo aplicativos SharePoint 2013 com AngularJS

intranetinternetextranetcolaboraçãosites de processosaplicaçõesBIetc.

Page 5: Construindo aplicativos SharePoint 2013 com AngularJS

http://www.ferrari.com/

Page 6: Construindo aplicativos SharePoint 2013 com AngularJS

http://www.fleury.com.br/

Page 7: Construindo aplicativos SharePoint 2013 com AngularJS

SHAREPOINT SOLUTIONS

Page 8: Construindo aplicativos SharePoint 2013 com AngularJS
Page 9: Construindo aplicativos SharePoint 2013 com AngularJS

O MODELO TRADICIONALO MODELO TRADICIONAL

INCOMPATÍVEL ENTRE VERSÕES;

INFRA, DLL’S, SEGURANÇA, TESTE, TEMPO...

Page 10: Construindo aplicativos SharePoint 2013 com AngularJS

SHAREPOINT APPS?

Page 11: Construindo aplicativos SharePoint 2013 com AngularJS

MODELOMAIS ATRATIVO

Page 12: Construindo aplicativos SharePoint 2013 com AngularJS

MODELO DE PROGRAMAÇÃO FAMILIAR

QUALQUER LINGUAGEM ou FRAMEWORK

QUALQUER ESTRUTURA DE SERVIDORLIBERDADE DE ESCOLHA

Page 13: Construindo aplicativos SharePoint 2013 com AngularJS

VANTAGENS

• Padrões web, HTML, JavaScript REST/ODATA, Oauth;

• Menor curva de aprendizado;

• Ferramentas conhecidas;

• Hospedar local ou na Nuvem;

Page 14: Construindo aplicativos SharePoint 2013 com AngularJS

MODELOS DE ARQUITETURA

SHAREPOINT HOSTED PROVIDER HOSTED

SharePoint App Web

SharePoint Host Web

Código client-side

Sua InfraestruturaSharePoint Host Web

Código client-side e/ou server-side

Page 15: Construindo aplicativos SharePoint 2013 com AngularJS

http://bit.do/sharepointappstore

Page 16: Construindo aplicativos SharePoint 2013 com AngularJS

ANGULARJS?https://angularjs.org/

Page 17: Construindo aplicativos SharePoint 2013 com AngularJS

OUTRO FRAMEWORK JAVASCRIPT?

Page 18: Construindo aplicativos SharePoint 2013 com AngularJS

ANGULARJS

• Construído e mantido pelo GOOGLE;

• Foco no HTML;

• Código Javascript estruturado;

• Pronto para trabalhar com API's REST;

• Injeção de dependências;

• Testes (TDD).

Page 19: Construindo aplicativos SharePoint 2013 com AngularJS

PORQUE USAR?

• Aumentar produtividade;• Escrever menos e fazer mais;• Flexibilidade;• “Leve” apenas 82kb;

Page 20: Construindo aplicativos SharePoint 2013 com AngularJS

SINGLE PAGE APPS

*MVC client-side

Page 21: Construindo aplicativos SharePoint 2013 com AngularJS

SINGLE PAGE APPS - SPA

• Rápidas;• Mais poder para o Client-side;• Menos dependência do Server-side;• Sem atualização de páginas;• Interfaces ricas;• Melhor desempenho na transferência de dados.

Page 22: Construindo aplicativos SharePoint 2013 com AngularJS

DEMOSHAREPOINT APP COM ANGULARJS

https://github.com/williamsrz/sharepoint-apps

Page 23: Construindo aplicativos SharePoint 2013 com AngularJS

PARA SABER MAIS!

House of Cards

http://www.imdb.com/title/tt1856010/

Homeland http://www.imdb.com/title/tt1796960/

• ANGULARJS http://angularjs.org/

• SharePoint Apps http://dev.office.com/build

• Código fonte https://

github.com/williamsrz/sharepoint-apps

Page 24: Construindo aplicativos SharePoint 2013 com AngularJS

MUITO OBRIGADO!CONTEÚDO DA PALESTRA DISPONÍVEL EM

http://williamsrz.com.br/tdc2014/