dreamcode: aplicaciones web nobackend

32

Upload: cristian-camilo-moreno-zuluaga

Post on 02-Jul-2015

842 views

Category:

Internet


3 download

DESCRIPTION

noBackend es un enfoque para desacoplar las aplicaciones de backend, abstrayendo las tareas de back-end con el código de frontend (Dreamcode). Esto permite a los desarrolladores frontend centrarse en la experiencia del usuario y proporciona a los desarrolladores de back-end más flexibilidad en el lado de la aplicación.

TRANSCRIPT

Page 1: Dreamcode: Aplicaciones web noBackend
Page 2: Dreamcode: Aplicaciones web noBackend

Cristian Moreno ZuluagaGlobant – SharePoint Developer

Líder de Avanet

@khriztianmoreno | devkhriztian.wordpress.com

Page 3: Dreamcode: Aplicaciones web noBackend
Page 4: Dreamcode: Aplicaciones web noBackend
Page 5: Dreamcode: Aplicaciones web noBackend
Page 6: Dreamcode: Aplicaciones web noBackend
Page 7: Dreamcode: Aplicaciones web noBackend
Page 8: Dreamcode: Aplicaciones web noBackend
Page 9: Dreamcode: Aplicaciones web noBackend
Page 10: Dreamcode: Aplicaciones web noBackend
Page 11: Dreamcode: Aplicaciones web noBackend
Page 12: Dreamcode: Aplicaciones web noBackend

//Agregar una clase a un elemento

//Iniciar session

Page 13: Dreamcode: Aplicaciones web noBackend
Page 14: Dreamcode: Aplicaciones web noBackend

Control de

versiones

Page 15: Dreamcode: Aplicaciones web noBackend

Plomero/Fontanero

Page 16: Dreamcode: Aplicaciones web noBackend

Y otros

trabajos

sucios.

Page 17: Dreamcode: Aplicaciones web noBackend

¿Si mi fuerte no es el backend,

porque complicarme?

Page 18: Dreamcode: Aplicaciones web noBackend
Page 19: Dreamcode: Aplicaciones web noBackend
Page 20: Dreamcode: Aplicaciones web noBackend
Page 21: Dreamcode: Aplicaciones web noBackend

//Instanciar servicio de Mobile Service:

//Almacenar datos en el servicio móvil:

//Almacenar datos en el servicio móvil:

var client = new WindowsAzure.MobileServiceClient('AppUrl', 'AppKey');

client.getTable('Tabla').insert(itemAGuardar);

client.getTable('Tabla').del({id: idItem});

<script src='http://ajax.aspnetcdn.com/ajax/mobileservices/MobileServices.Web-1.1.2.min.js'></script>

Page 22: Dreamcode: Aplicaciones web noBackend

//Instanciar servicio de Firebase:

//Almacenar datos en el servicio móvil:

//Almacenar datos en el servicio móvil:

var myRootRef = new Firebase(https://my-firebase-name.firebaseIO-demo.com/');

myRootRef.child('user').set(itemAGuardar);

myRootRef.child('user').child(id).remove();

<script src='https://cdn.firebase.com/js/client/1.0.15/firebase.js'></script>

Page 23: Dreamcode: Aplicaciones web noBackend
Page 24: Dreamcode: Aplicaciones web noBackend
Page 25: Dreamcode: Aplicaciones web noBackend
Page 26: Dreamcode: Aplicaciones web noBackend
Page 27: Dreamcode: Aplicaciones web noBackend
Page 28: Dreamcode: Aplicaciones web noBackend
Page 29: Dreamcode: Aplicaciones web noBackend

¿Qu’e es noBackend?

Page 30: Dreamcode: Aplicaciones web noBackend

¿Qu’e es noBackend?

Page 31: Dreamcode: Aplicaciones web noBackend
Page 32: Dreamcode: Aplicaciones web noBackend

Derechos de Autor:

• Idea para la presentación es tomada de la ponencia de Alex Feyerke en JSConf 2013 Europa.

• Look ma, no backend!

Cristian Moreno Zuluaga@khriztianmoreno | http://devkhriztian.wordpress.com