serpro-sdr-techday1

apresentado por: ÁBNER OLIVEIRA

Analista de Sistemas - SERPRO

Angular.JS

O Que é?

O que dá para fazer?

• Single Page Applications
• Aplicações ricas com databinding real time do model com os elementos do DOM, de forma transparente
• Componentes no estilo widget
• Aplicações totalmente client-side
• Aplicações com suporte a modo offline (Em conjunto com recursos providos pelo HTML5 -> LocalStorage)

Porquê utilizar?

Por quê é fácil de usar!

HELLO WORLD

Link para o jsfiddle

Por quê é fácil de testar!

• Teste unitários e funcionais com Jasmine
• Testes multi-browser com karma
• Mock com angular-mock
• Injeção de dependências

Teste unitário do Controlador

Link para o jsfiddle

Teste com Injeção de Dependência

Link para o jsfiddle

Porquê é Extensível!

• Diretivas
• Filtros
• Services

Exemplo de Serviço

Link para o jsfiddle

Porquê é tranquilo integrar com outras ferramentas

Só para ilustrar...

• jQuery
• Twitter bootstrap
• Underscore
• RequireJS

Aplicativo Kanban

Utiliza:

• AngularJS
• jQuery
• Twitter Bootstrap
• Client Javascript do Dropbox

Angular Kanban

Referências

• AngularJS: http://angularjs.org/
  • Conceitos: http://docs.angularjs.org/guide/concepts
  • Escopo: http://docs.angularjs.org/guide/scope
  • Controladores: http://docs.angularjs.org/guide/dev_guide.mvc.understanding_controller
• Testes unitários com Jasmine: http://pivotal.github.io/jasmine/

Exemplo