angularjs
TRANSCRIPT
![Page 1: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/1.jpg)
![Page 2: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/2.jpg)
CARLOS USCAMAYTA
EN 45 MIN.
![Page 3: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/3.jpg)
Carlos UscamaytaScrum Team Member
INNOVISION
![Page 5: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/5.jpg)
SPA – Single Page Application
VIEW1
VIEW3VIEW4
VIEW2
![Page 6: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/6.jpg)
DOM Manipulation
History
Module Loading
Ajax/Promises
Desafío de SPAData Binding
Routing
Caching
![Page 7: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/7.jpg)
Y ahora quien podrá ayudarnos? OH!!
![Page 8: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/8.jpg)
YO!!!!!!
![Page 9: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/9.jpg)
TRANSCLUS
ION RESTRICTIONDIRECTIVE
SCOPE
ROUTE
CONTROLLER ?
![Page 10: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/10.jpg)
![Page 11: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/11.jpg)
Pero bueno empecemos…• Fase 0
• Directives, filters & data bindings
• Views, controllers & scope
• Modules, routes & factories
![Page 12: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/12.jpg)
PERO ANTES UN SABIO CONSEJO
![Page 13: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/13.jpg)
Fase 0EL INICIO
![Page 15: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/15.jpg)
Como Instalar AngularJS y no morir en el intento
![Page 16: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/16.jpg)
DIRECTIVES, FILTERS AND DATA BINDINGS
![Page 17: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/17.jpg)
Directives & binding
Directives
![Page 18: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/18.jpg)
Iterando con la directiva ng-repeat
![Page 20: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/20.jpg)
Usando filters
![Page 22: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/22.jpg)
VIEWS, CONTROLLERS AND SCOPE
![Page 23: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/23.jpg)
Views
![Page 24: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/24.jpg)
Controller
![Page 25: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/25.jpg)
The ‘GLUE’
Scope
VIEW
CONTROLLER
![Page 26: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/26.jpg)
Creando un controller
![Page 27: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/27.jpg)
MODULES, ROUTES & FACTORIES
![Page 28: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/28.jpg)
![Page 29: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/29.jpg)
Modules & containers
![Page 30: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/30.jpg)
Creando un moduloQue es esto?
Nuestro módulo depende de otro módulo
![Page 31: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/31.jpg)
Creando un controller en un módulo
Definimos nuestro controller
![Page 32: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/32.jpg)
El rol de los routes
VIEW1 VIEW2
VIEW3VIEW4/view4
/view3
/view2
/view1
![Page 33: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/33.jpg)
Definiendo Routes
![Page 34: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/34.jpg)
Usando factories & services
![Page 35: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/35.jpg)
El rol de las factories
![Page 36: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/36.jpg)
AngularJS y otros Frameworks
![Page 37: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/37.jpg)
Demostración
https://github.com/cuscamayta/AngularJSDemo
![Page 38: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/38.jpg)
Conclusión
![Page 39: AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022070519/58eddbb11a28ab3f2f8b45c5/html5/thumbnails/39.jpg)
GRACIAS!!!