O documento resume os principais conceitos do framework JavaScript AngularJS, incluindo: (1) o que é AngularJS e sua história, (2) two-way data binding, (3) módulos, (4) controllers, (5) diretivas, (6) serviços e (7) filtros. Exemplos, referências e casos reais de uso também são apresentados.

1. #angularjs

2. Vitor Nogueira
Desenvolvedor Front-end - Jaws Digital
FATEC Itapetininga
SENAC Itapetininga

3. O que é?
- Framework JavaScript para criação
de Web Apps
- Criado em 2010
- Hoje é mantido pelo Google

4. Two Way Data
Binding

5. Data Binding
- É o processo que estabelece uma
conexão entre a interface da aplicação
e o lógica de negócio ¹
https://gist.github.com/diegoeis/1033b3f7a91cb8a337d8 [1]

6. Two Way Data Binding
- Vínculo entre dois componentes da
sua aplicação
- Ao alterar o valor de um componente,
este valor é automaticamente alterado
no outro

9. bit.ly/angularjs-1
bit.ly/angularjs-2

10. Module

11. Module
- Local onde são “adicionadas” as
diferentes partes do seu aplicativo:
Controllers, Services, Filters, Directives

12. bit.ly/angularjs-3
bit.ly/angularjs-4

13. Controller

14. Controller
- No Angular um controller é uma
função JavaScript onde se manipula o
escopo ($scope)

15. Controller
Não use um Controller para:
- Manipular o DOM
- Controlar entradas (ex.: validação de
formulários)
- Filtrar saídas

16. bit.ly/angularjs-2

17. Directives

18. Directives
- Estendem o codigo HTML, atribuindo
funcionalidades aos componentes ¹
- Diretivas são o lugar onde você irá
manipular o DOM na sua aplicação ²
http://tableless.com.br/diretivas-angularjs-abas/ [1]
http://pedronauck.com/angularjs/sobre-diretivas-e-como-usar-corretamente-
plugins-jquery-com-angularjs [2]

19. Directives
- Permite a criação de componentes
reutilizáveis

20. bit.ly/angularjs-5

21. Services

22. Services
- Função ou objeto utilizado para
compartilhar dados ou
comportamentos entre controllers,
filters, directives e outros serviços ¹
http://lostechies.com/gabrielschenker/2014/02/26/angular-jspart-13-services [1]

23. Services
- O Angular tem diferentes tipos de
serviços ²
http://pedronauck.com/angularjs/entendendo-os-tipos-de-servico-do-angularjs [2]

24. bit.ly/angularjs-4

25. Filters

26. Filters
- Usados para formatação dos dados
exibidos para o usuário

27. bit.ly/angularjs-6

28. Alternativas
- Backbone JS
- Ember JS
- Knockout JS
- Can JS
http://blog.codeschool.com/post/85819292538/angular-backbone-or-ember-which-is-best-
for-your
http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/

29. Cases
https://github.com/angular/angular.js/wiki/Projects-using-AngularJS
https://builtwith.angularjs.org/
https://play.google.com/store/apps/details?id=com.clickbus.mobile
http://ionicframework.com/

30. Exemplos
- CRUD
- Google Maps App

31. Referências e Materiais
http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro
http://www.angularcourse.com/#/
https://www.youtube.com/playlist?
list=PLgMNBa0XaIgcD9IGiqvAQxPrUEyW_i87I
https://www.facebook.com/groups/angularjsbrasil/

32. github.com/vitornogueira
facebook.com/vitornogueiraa
twitter.com/vitornogueiraa