AngularJS

Talk sobre AngularJS

Transcript

1. #angularjs
2. Vitor Nogueira Desenvolvedor Front-end - Jaws Digital FATEC Itapetininga SENAC Itapetininga
3. - Framework JavaScript para criação de Web Apps - Criado em 2010 - Hoje é mantido pelo Google O que é?
4. Two Way Data Binding
5. - É 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] Data Binding
6. - Vínculo entre dois componentes da sua aplicação - Ao alterar o valor de um componente, este valor é automaticamente alterado no outro Two Way Data Binding
9. bit.ly/angularjs-1 bit.ly/angularjs-2
10. Module
11. - Local onde são “adicionadas” as diferentes partes do seu aplicativo: Controllers, Services, Filters, Directives Module
12. bit.ly/angularjs-3 bit.ly/angularjs-4
13. Controller
14. - No Angular um controller é uma função JavaScript onde se manipula o escopo ($scope) Controller
15. Não use um Controller para: - Manipular o DOM - Controlar entradas (ex.: validação de formulários) - Filtrar saídas Controller
16. bit.ly/angularjs-2
17. Directives
18. - 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] Directives
19. - Permite a criação de componentes reutilizáveis Directives
20. bit.ly/angularjs-5
21. Services
22. - Função ou objeto utilizado para compartilhar dados ou comportamentos entre controllers, filters, directives e outros serviços ¹ Services http://lostechies.com/gabrielschenker/2014/02/26/angular-jspart-13-services [1]
23. - O Angular tem diferentes tipos de serviços ² Services http://pedronauck.com/angularjs/entendendo-os-tipos-de-servico-do-angularjs [2]
24. bit.ly/angularjs-4
25. Filters
26. - Usados para formatação dos dados exibidos para o usuário Filters
27. bit.ly/angularjs-6
28. - 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/ Alternativas
29. 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/ Cases
30. - CRUD - Google Maps App Exemplos
31. 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/ Referências e Materiais
32. github.com/vitornogueira facebook.com/vitornogueiraa twitter.com/vitornogueiraa