Getting Started with Angular.JS

Apresentação sobre angular no 2nd Open Meeting do Pernambuco.JS

Transcript

1. Superheroic JavaScript MVW Framework Wednesday, August 14, 13
2. Cirdes Henrique Bacharel em Engenharia da Computação pelo CIn/UFPE Wednesday, August 14, 13
4. BAGUNÇA.JS JAVASCRIPT
5. Design Stamina Hypothesis Wednesday, August 14, 13
6. Ramon Victor Especialista em Design da Informação pela UFPE Wednesday, August 14, 13
7. @RAMONVICTOR 2008 2013 OGILVY PARTEC JOY MARISTA UFPE DIVE
8. Motivações Budstime: uma rede social de eventos ! Tudo no $(document).ready(); MV* era um requisito Frustração com Backbone.js Wednesday, August 14, 13
9. Wednesday, August 14, 13
10. Frameworks vs Libraries Wednesday, August 14, 13
11. Início GOOGLE
12. Início MISKO
13. Google Trends Wednesday, August 14, 13
14. Conceitos Client-Side templates MVC DATA
15. Client-Side templates TEMPLATE
16. Conceitos CLIENT-SIDE
17. MVC 1970
18. Conceitos CLIENT-SIDE
19. Data Binding PROPRIEDADES
20. Conceitos CLIENT-SIDE
21. Dependency Injection LAW
22. Conceitos CLIENT-SIDE
23. Directives ng-app ng-controller ng-submit ng-repeat ng-view ng-model ng-change ng-hide ng-click Wednesday, August 14, 13
24. Directives Built-in Wednesday, August 14, 13
25. Directives Built-in Wednesday, August 14, 13
26. Directives Built-in Wednesday, August 14, 13
27. Directives • E - Element name: <comment-box></comment-box> • A - Attribute: <div comment-box="exp"> </div> • C - Class: <div class="comment-box: exp;"></div> • M - Comment: <!-- directive: comment-box exp --> Restrict: Built-in Wednesday, August 14, 13
28. jQuery to Angular jQuery index.html clientes.html empresa.html busca.html main.js $(document).ready(); Wednesday, August 14, 13
29. jQuery to Angular AngularJS view.html my-controller.js my-directives.js my-services.js Wednesday, August 14, 13
30. jQuery to Angular Ex.: dropdown menu No AngularJS a view passa a ser o "registro oficial" dos comportamentos Wednesday, August 14, 13
31. Services $http $timeout $location $locale $route +
32. Testes automatizados KARMA JASMINE MOCHA QUNIT Wednesday, August 14, 13
33. Karma DEVE
34. Teste unitário EXEMPLO Wednesday, August 14, 13
35. POR ONDE Legal,
36. DOCUMENTACAO OFICIAL LIVROS VIDEO