AngularJS at AIESEC Academy '15
0 likes499 views
The document provides an agenda for an AngularJS training session. It covers introducing AngularJS concepts, setting up the development environment, core directives like ng-app and ng-controller, using controllers, routing, REST services, and integrating third party libraries. It also describes building a basic to-do list application to demonstrate these concepts.
AngularJS at AIESEC Academy '15
- 1. @
- 2. DESPRE NOI
- 5. DESPRE VOI
- 6. DESPRE VOI
- 7. DESPRE VOI
- 8. AGENDA S1 • INTRODUCERE IN ANGULARJS • CE APLICATIE VOM FACE? • PREGATIREA MEDIULUI DE LUCRU (environment setup) • DIRECTIVE (CORE)
- 10. AGENDA S3 • RUTAREA (routing) • DESPRE REST (REpresentational State Transfer) • SERVICII (http services and custom services)
- 11. AGENDA S4 BIBLIOTECI EXTERNE (third party)
- 12. INTRODUCERE IN
- 14. A JS FRAMEWORK
- 15. A JS LIBRARY?
- 16. CONCEPTS oficial
- 19. CORE FEATURES
- 20. CORE FEATURES - DI
- 21. DESIGN PATTERN
- 22. DESIGN PATTERN - MVC
- 23. PRO Single Page Application Data binding capability to HTML Unit testable Dependency injection and make use of separation of concerns Reusable components (directives) Less code and get more functionality Views = pure html pages; Controllers = business logic
- 25. APLICATIA Basic To Do List
- 26. SPECIFICATII 1. Lista de taskuri 2. Adaugare de taskuri 3. Editare a taskurilor 4. Stergere a taskurilor 5. Marcarea taskurilor drept completate
- 27. SETUP ANGULAR Metode de instalare - Download - https://angularjs.org/ - Bower/NPM - Yeoman
- 28. BOOTSTRAP Metode de instalare - Download - http://getbootstrap.com/getting-started - Bower
- 29. CORE DIRECTIVEs
- 34. ng-if ng-change ng-checked ng-disabled ng- init ng-change ng-dblclick ng-form ng-blur ng-focus ng-include ng-mousedown ng- mouseup ng-mousenter ng-options ng- readonly ng-style ng-submit etc. CORE DIRECTIVES
- 35. CONTROLLERS
- 36. CONTROLLERS • The business logic that controls the app • Data-provider for our views
- 37. • The business logic that controls the app • Data-provider for our views CONTROLLERS
- 38. DIRTY CHECKING, WATCH LIST si DIGEST LOOP {{a+b}} oldValue newValue function
- 39. ROUTING
- 40. ROUTING SPA?
- 41. ROUTING
- 42. ROUTING
- 43. ROUTING
- 44. REST
- 45. Representational State Transfer REST este un tip de architectura ce exploateaza tehnologiile si protocoalele Web existente, inclusiv HTTP REST
- 46. WHY REST?
- 48. SERVICES
- 49. SERVICES • singletons that carry out specific tasks • lazy instantiated (only when you need them)
- 50. SERVICES interaction Provides inter- and cross-communication across scopes, services, filters, and other AngularJS artifacts. Just because a service encapsulates state does not mean you can persist the state there (do a refresh)
- 51. • $scope • $rootScope • $location • $http / $resource SERVICES - familiar till now
- 52. • SERVICE • FACTORY • PROVIDER SERVICES
- 53. $http service
- 56. THIRD-PARTY
- 58. Useful resources • Pluralsight • Egghead.io • ngBook • AngularJS TDD development • codeschool / tutorialspoint