Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introdução ao AngularJS com ASP.NET MVC 4

Introdução ao AngularJS com ASP.NET MVC 4

Note: This deck is in Portuguese

Apresentação sobre a microframework de javascript AngularJS e como a usar com ASP.NET MVC 4. O código das demonstrações está no github: https://github.com/danielcsgomes/AngularJS-NetPonto

Daniel Gomes

August 25, 2012
Tweet

More Decks by Daniel Gomes

Other Decks in Programming

Transcript

  1. Daniel Gomes • Engenheiro de Software na Quidgest • Embaixador

    para Portugal no Geekli.st • ZCE, CSM @danielcsgomes www.danielcsgomes.com
  2. Agenda • AngularJS – Demonstrações • AngularJS em Páginas Dinâmicas

    – Demonstração • AngularJS em Single Page Application (SPA) – Demonstração • Conclusões
  3. AngularJS • Suporte nos diversos browsers • Implementa o Padrão

    de Desenho MVC • Extende o vocabulário HTML • Data-Binding bidirecional
  4. AngularJS O que vamos ver: – Diretivas – Escopo –

    MVC – Data-Binding – Validações – Expressões – Filtros
  5. MVC • Controller – Javascript • Model – Escopo, inputs

    do formulário • Routing – Definido no “module” através do $routerProvider – html5Mode • View – HTML e CSS
  6. Validações • Tipos de validações imbutidas: – Text, checkbox, email,

    number, radio, url, textare • Diretivas imbutidas: – Required, pattern, minlenght, maxlenght, min, max • Validações costumizáveis • “novalidate”
  7. Filtros • Filtros imbutidos: – Currency, date, filter, json, limitTo,

    lowercase, number, orderBy, uppercase • Filtros customizáveis
  8. AngularJS em Páginas Dinâmicas • Contexto – Pesquisa em tempo

    real numa parte específica da aplicação – Pedido XMLHttpRequest (XHR)
  9. AngularJS em Simple Page Application (SPA) • Contexto – Gestão

    de Processos – Operações CRUD – Pesquisa em tempo real – Pedidos XMLHttpRequest (XHR)
  10. O que não vimos • DI – Dependency Injection •

    Serviços • Teste Unitários • Internacionalização (I18n e L10n)
  11. Conclusões • Fácil integração com ASP.NET MVC tanto em páginas

    dinâmicas como em SPA • Curva de aprendizagem rápida • Bem documentado e excelente API • Testável
  12. Referências AngularJS – http://www.angularjs.org/ AngularJS – Developr Guide – http://docs.angularjs.org/guide/

    AngularJS - API – http://docs.angularjs.org/api/ Repositório com o código da apresentação – https://github.com/danielcsgomes/AngularJS-NetPonto
  13. Próximas reuniões presenciais • 25/08/2012 – Agosto (Lisboa) • 22/09/2012

    – Setembro (Lisboa) • 20/10/2012 – Outubro (Lisboa) 24/11/2012 – Novembro (Lisboa) Reserva estes dias na agenda! :)