O poderoso AngulasJS

Talk apresentada no Google I/O Extended São Paulo

Transcript

1. O poderoso AngularJS
2. Beto MUNIZ Paulo PIRES @obetomuniz @paulo_hp
5. ***
6. Agenda O que é AngularJS? Conceitos Bootstrap e Runtime Mitos, prós e contras The future is here Demo Time
7. io.minasdev.org
8. O que é AngularJS?
9. Extende o HTML
10. two-way data binding
11. Components Based
12. Alguns Conceitos
13. directives
14. **ngApp
15. **ngController
16. **ngModel
17. **ngRepeat
18. **ngClick
19. **ngSrc
20. Custom Directives
21. factories, services, providers
22. **$http
23. **$location
24. **$log
25. **$timeout
26. **$animate
27. filters
28. **filter
29. **number
30. **order
31. routing
32. **ngRoute
33. **$routeParams
34. **$routeProvider
35. **ngView
36. $scope
37. ngResources
38. ngCookies
39. ***
40. Bootstrap & Runtime
41. Bootstrap
42. 1. Navegador faz o parse do HTML para o DOM
43. 2. Carrega o angular.js
44. 3. Espera pelo evento DOMContentLoaded
45. 4. O Angular 'procura' pela diretiva ng-app
46. 5. O $injector é configurado de acordo com as dependências
47. 6. E cria $compile e o $rootScope
48. 7. O $compile compila o DOM dinâmico e linka com o $scope
49. Runtime
50. 1. Inicia-se com o contexto de execução do angular chamando $scope.$apply(stimulusFn)
51. 2. Executa a função stimulusFn
52. 3. Entra no $digest Loop
53. 4. Agenda a execução com $evalAsync
54. 5. Confere a $watch list
55. 6. E renderiza novamente o DOM
56. Mitos, prós e contras
57. Mitos
58. AngularJS não protege o seu sistema de desenvolvedores que escrevem um péssimo código
59. AngularJS não substitui o jQuery, mas pode evitar o seu uso em alguns casos
60. AngularJS não é o melhor, porém nunca me deixou na mão
61. AngularJS não é mágico, tudo depende de você.
62. Prós
63. compreensivo
64. rico em funcionalidades
65. grande comunidade
66. Injeção de dependência no sangue.
67. Testable Friendly
68. by Google!
69. Contras (na nossa opinião)
70. Documentação mais ou menos
71. Performance
72. Templates Engessados
73. The future is here
74. Mobile first
75. Modularização do Framworks
76. Change Detection
77. Dependency Injection
78. Templating
79. Persistance
80. Routing
81. Logging
82. Annotations
83. Scaffolding
84. Reference App
85. Demo Time
86. Perguntas?
87. The END