WEBCASTS 
15 
set 
2 0 1 4 
DEV Web / One ASP.NET 
MVP ShowCast 
Virtual Community Series 
a 
09 
out 
#mvpbr Organizado p...
DEV Web / One ASP.NET 
AngularJS + SignalR 
© 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microso...
DEV Web / One ASP.NET 
AngularJS é MVC 
♦Model = Objeto JavaScript, pode vir do servidor 
em formato JSON. 
♦View = HTML p...
DEV Web / One ASP.NET 
AngularJS é MVVM 
♦ViewModel = Objeto JavaScript montado 
exclusivamente para atender a necessidade...
DEV Web / One ASP.NET 
Estrutura do Framework AngularJS 
© 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP...
DEV Web / One ASP.NET 
Estrutura das Apps AngularJS 
Aplicação a ser usada. 
Controller a ser usado 
Bindings 
Definição d...
DEV Web / One ASP.NET 
Demonstração AngularJS 
Criando uma aplicação em AngularJS do Zero 
© 2014, MVP ShowCast (mvpshowca...
DEV Web / One ASP.NET 
Configuração do AngularJS 
Definição de 
http://localhost/!#/contacts 
rotas da aplicação 
Definiçã...
DEV Web / One ASP.NET 
Demonstração AngularJS 
Configurando nossa aplicação 
© 2014, MVP ShowCast (mvpshowcast.azurewebsit...
DEV Web / One ASP.NET 
Controllers do AngularJS 
Dependência do controller 
Variáveis do controller 
Método do controller ...
DEV Web / One ASP.NET 
Demonstração AngularJS 
Criando um controller 
© 2014, MVP ShowCast (mvpshowcast.azurewebsites.net)...
DEV Web / One ASP.NET 
Criando um Hub no SignalR 
Herdar da classe Hub 
Nomear o Hub 
Comunicando com o client 
© 2014, MV...
DEV Web / One ASP.NET 
Demonstração AngularJS 
Juntando tudo 
+ 
© 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Prog...
DEV Web / One ASP.NET 
Dúvidas? 
Waldyr Felix 
MVP de ASP.NET/IIS 
Chief Consultant na FCamara 
Twitter: @WaldyrFelix 
Blo...
Iniciativas da Microsoft 
Premiação MVP 
A premiação Microsoft Most Valuable Professional (MVP) é uma forma da Microsoft 
...
Próximos SlideShares
Carregando em…5
×

ASP.NET SignalR + SPA com AngularJS

1.231 visualizações

Publicada em

Utilizando SignalR em aplicações SPA usando AngularJS, Bootstrap e HTML 5.

Publicada em: Software
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.231
No SlideShare
0
A partir de incorporações
0
Número de incorporações
517
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

ASP.NET SignalR + SPA com AngularJS

  1. 1. WEBCASTS 15 set 2 0 1 4 DEV Web / One ASP.NET MVP ShowCast Virtual Community Series a 09 out #mvpbr Organizado por MVPs com apoio da Microsoft #mvpshowcast ASP.NET SignalR + SPA com AngularJS Palestrante: Moderador: DEV Web / One ASP.NET Waldyr Felix MVP de ASP.NET/IIS Chief Consultant na FCamara @WaldyrFelix André Baltieri MVP de ASP.NET/IIS Community Manager & SDE BR Soluções Integradas Nível: 200 © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  2. 2. DEV Web / One ASP.NET AngularJS + SignalR © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  3. 3. DEV Web / One ASP.NET AngularJS é MVC ♦Model = Objeto JavaScript, pode vir do servidor em formato JSON. ♦View = HTML puro e simples + CSS puro e simples. ♦Controller = Arquivo JavaScript no padrão de declaração do AngularJS © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  4. 4. DEV Web / One ASP.NET AngularJS é MVVM ♦ViewModel = Objeto JavaScript montado exclusivamente para atender a necessidade da tela. ♦Bindings = Notação do AngularJS que liga um elemento HTML ao ViewModel. © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  5. 5. DEV Web / One ASP.NET Estrutura do Framework AngularJS © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  6. 6. DEV Web / One ASP.NET Estrutura das Apps AngularJS Aplicação a ser usada. Controller a ser usado Bindings Definição do controller © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  7. 7. DEV Web / One ASP.NET Demonstração AngularJS Criando uma aplicação em AngularJS do Zero © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  8. 8. DEV Web / One ASP.NET Configuração do AngularJS Definição de http://localhost/!#/contacts rotas da aplicação Definição da App com suas dependências. © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  9. 9. DEV Web / One ASP.NET Demonstração AngularJS Configurando nossa aplicação © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  10. 10. DEV Web / One ASP.NET Controllers do AngularJS Dependência do controller Variáveis do controller Método do controller © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  11. 11. DEV Web / One ASP.NET Demonstração AngularJS Criando um controller © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  12. 12. DEV Web / One ASP.NET Criando um Hub no SignalR Herdar da classe Hub Nomear o Hub Comunicando com o client © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  13. 13. DEV Web / One ASP.NET Demonstração AngularJS Juntando tudo + © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  14. 14. DEV Web / One ASP.NET Dúvidas? Waldyr Felix MVP de ASP.NET/IIS Chief Consultant na FCamara Twitter: @WaldyrFelix Blog: waldyrfelix.net © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)
  15. 15. Iniciativas da Microsoft Premiação MVP A premiação Microsoft Most Valuable Professional (MVP) é uma forma da Microsoft agradecer aos líderes independentes da comunidade que compartilham sua paixão, experiência técnica e conhecimento prático dos produtos da Microsoft com outros. mvp.microsoft.com Programa MVP Mentor O Programa MVP Mentor conecta estudantes que querem aprender mais sobre tecnologias Microsoft com especialistas independentes: os MVPs da Microsoft. mvp.microsoft.com/en-us/MVP-mentor.aspx Microsoft Virtual Academy Treinamento gratuito da Microsoft oferecido por especialistas. www.microsoftvirtualacademy.com Curah! Serviço de curadoria projetado para e mantido pela comunidade técnica. curah.microsoft.com © 2014, MVP ShowCast (mvpshowcast.azurewebsites.net) Programa MVP (mvp.microsoft.com)

×