Top Banner
39

AngularJS DEVFEST

Apr 12, 2017

Download

Software

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: AngularJS DEVFEST
Page 2: AngularJS DEVFEST

CARLOS USCAMAYTA

EN 45 MIN.

Page 3: AngularJS DEVFEST

Carlos UscamaytaScrum Team Member

INNOVISION

Page 4: AngularJS DEVFEST

Desarrollo Web sin SPA

VIEW1 VIEW2VIEW3 VIEW4

Page 5: AngularJS DEVFEST

SPA – Single Page Application

VIEW1

VIEW3VIEW4

VIEW2

Page 6: AngularJS DEVFEST

DOM Manipulation

History

Module Loading

Ajax/Promises

Desafío de SPAData Binding

Routing

Caching

Page 7: AngularJS DEVFEST

Y ahora quien podrá ayudarnos? OH!!

Page 8: AngularJS DEVFEST

YO!!!!!!

Page 9: AngularJS DEVFEST

TRANSCLUS

ION RESTRICTIONDIRECTIVE

SCOPE

ROUTE

CONTROLLER ?

Page 10: AngularJS DEVFEST
Page 11: AngularJS DEVFEST

Pero bueno empecemos…• Fase 0

• Directives, filters & data bindings

• Views, controllers & scope

• Modules, routes & factories

Page 12: AngularJS DEVFEST

PERO ANTES UN SABIO CONSEJO

Page 13: AngularJS DEVFEST

Fase 0EL INICIO

Page 14: AngularJS DEVFEST

Descargar

https://angularjs.org

Page 15: AngularJS DEVFEST

Como Instalar AngularJS y no morir en el intento

Page 16: AngularJS DEVFEST

DIRECTIVES, FILTERS AND DATA BINDINGS

Page 17: AngularJS DEVFEST

Directives & binding

Directives

Page 18: AngularJS DEVFEST

Iterando con la directiva ng-repeat

Page 20: AngularJS DEVFEST

Usando filters

Page 22: AngularJS DEVFEST

VIEWS, CONTROLLERS AND SCOPE

Page 23: AngularJS DEVFEST

Views

Page 24: AngularJS DEVFEST

Controller

Page 25: AngularJS DEVFEST

The ‘GLUE’

Scope

VIEW

CONTROLLER

Page 26: AngularJS DEVFEST

Creando un controller

Page 27: AngularJS DEVFEST

MODULES, ROUTES & FACTORIES

Page 28: AngularJS DEVFEST
Page 29: AngularJS DEVFEST

Modules & containers

Page 30: AngularJS DEVFEST

Creando un moduloQue es esto?

Nuestro módulo depende de otro módulo

Page 31: AngularJS DEVFEST

Creando un controller en un módulo

Definimos nuestro controller

Page 32: AngularJS DEVFEST

El rol de los routes

VIEW1 VIEW2

VIEW3VIEW4/view4

/view3

/view2

/view1

Page 33: AngularJS DEVFEST

Definiendo Routes

Page 34: AngularJS DEVFEST

Usando factories & services

Page 35: AngularJS DEVFEST

El rol de las factories

Page 36: AngularJS DEVFEST

AngularJS y otros Frameworks

Page 37: AngularJS DEVFEST

Demostración

https://github.com/cuscamayta/AngularJSDemo

Page 38: AngularJS DEVFEST

Conclusión

Page 39: AngularJS DEVFEST

GRACIAS!!!