Basándonos en el stack MEAN , hemos dado una vuelta de tuerca y hemos desarrollado una aplicación SPA haciendo uso de tecnologías como Express, NodeJS y DocumentDB (La nueva base de datos PaaS de Microsoft) para el backend y AngularJS para el front-end. Todo el desarrollo se hizo aprovechando al máximo las funcionalidades de Visual Studio y de las NodeJs Tools para Visual Studio. DocumentDB - http://azure.microsoft.com/es-es/services/documentdb/ Node.js Tools for Visual Studio - https://nodejstools.codeplex.com/ AngularJS - https://angularjs.org/ Node.js - https://nodejs.org/ ExpressJS - http://expressjs.com/

1. #GlobalAzure
#DEAN DocumentDB + Express +
AngularJS + NodeJS running on
Azure
Luis Ruiz Pavón & Roberto Gónzalez

5. ■¿Qué es #DEAN?
■DocumentDB
■Node.js en Visual Studio
■AngularJS
■Build de cliente con Gulp.js y despliegue en Microsoft Azure
Agenda

6. ■Son las siglas del stack de desarrollo web en Node.js:
■DocumentDB -> Base de datos NoSQL
■Express.js -> MVC en servidor
■Angular.js -> MVW en cliente
■Node.js -> Lenguaje de servidor
¿Qué es #DEAN?

7. ■Servicio de base de datos NoSQL (documental) totalmente
administrado y escalable.
■SSD (10GB) por colección
■Lenguaje de consulta SQL (Filtros, proyecciones, JOIN…)
■UDF, Triggers y Sproc (JavaScript)
■Acceso vía API REST.
■Diferentes drivers ASP.NET, Node.js, Python, Java…
■Diferencias frente a MongoDb
DocumentDB

8. ■Transaccional
■Strong
■bounded-staleness
■Session
■Eventual
■Índices
DocumentDB

9. ■Martin Fowler
NoSQL Destilled

11. ■Disponible la versión 1.0 para Visual Studio 2013 & 2015
■https://nodejstools.codeplex.com/
■https://github.com/Microsoft/nodejstools
■Soporta edición, Intellisense, Profiling, npm, TypeScript, depuración
local y remota (Windows/MacOS/Linux), también en Azure Web Apps y
en Cloud Services.
■Podemos publicar desde Visual Studio.
Node.js en Visual Studio

13. ■¿Qué es AngularJS?
■MVC Javascript
■Características de AngularJs
■Two-way Data Binding
■Directivas – Extender HTML
■Módulos
■MVC
■Controladores
■Servicios
■Rutas
■Vistas Parciales <ng-view>
■Dependency Injection

15. ■En VS 2013 Update 3 tenemos tooling muy potente de cliente y
totalmente integrado:
■TRX - Task Runner Explorer Visual Studio Extension.
■NPM/NBower Package Intellisense.
■Grunt & Gulp Launcher
■Podemos desplegar directamente desde Visual Studio o bien podemos
montar una build de integración continua para desplegar
automáticamente en staging/producción.
Build de cliente con Gulp.js y despliegue en Azure

17. ■Slides
Código y Slides
■Código
https://github.com/lurumad/gab
2015/tree/master/Gab.Blog
http://es.slideshare.net/robertogg/
dean-document-db-express-
angularjs-nodejs-running-on-azure

18. ¿Preguntas?

20. Thanks!