CARLOS USCAMAYTA

EN 45 MIN.

Carlos UscamaytaScrum Team Member

INNOVISION

Desarrollo Web sin SPA

VIEW1 VIEW2VIEW3 VIEW4

SPA – Single Page Application

VIEW1

VIEW3VIEW4

VIEW2

DOM Manipulation

History

Module Loading

Ajax/Promises

Desafío de SPAData Binding

Routing

Caching

Y ahora quien podrá ayudarnos? OH!!

YO!!!!!!

TRANSCLUS

ION RESTRICTIONDIRECTIVE

SCOPE

ROUTE

CONTROLLER ?

Pero bueno empecemos…• Fase 0

• Directives, filters & data bindings

• Views, controllers & scope

• Modules, routes & factories

PERO ANTES UN SABIO CONSEJO

Fase 0EL INICIO

Descargar

https://angularjs.org

Como Instalar AngularJS y no morir en el intento

DIRECTIVES, FILTERS AND DATA BINDINGS

Directives & binding

Directives

Iterando con la directiva ng-repeat

https://docs.angularjs.org/api/ng/directive

Usando filters

https://docs.angularjs.org/api/ng/filter

VIEWS, CONTROLLERS AND SCOPE

Views

Controller

The ‘GLUE’

Scope

VIEW

CONTROLLER

Creando un controller

MODULES, ROUTES & FACTORIES

Modules & containers

Creando un moduloQue es esto?

Nuestro módulo depende de otro módulo

Creando un controller en un módulo

Definimos nuestro controller

El rol de los routes

VIEW1 VIEW2

VIEW3VIEW4/view4

/view3

/view2

/view1

Definiendo Routes

Usando factories & services

El rol de las factories

AngularJS y otros Frameworks

Demostración

https://github.com/cuscamayta/AngularJSDemo

Conclusión

GRACIAS!!!