1.
MEAN, ¿otro buzzword?
Introducción a MEAN y esas mandangas en Javascript

2.
Jorge Jiménez
www.semurat.es
@semurat
Desarrollador software freelance
Prostituto del código
Promiscuo con los lenguajes
Geek
Freak
Miembro de:
AgileCyl
CyLicon Valley

3.
Javascript

4.
“Node.js® is a JavaScript runtime built
on Chrome's V8 JavaScript engine.
Node.js uses an event-driven, non-
blocking I/O model that makes it
lightweight and efficient. Node.js'
package ecosystem, npm, is the largest
ecosystem of open source libraries in
the world.”

5.
“Node.js® is a JavaScript runtime built
on Chrome's V8 JavaScript engine.
Node.js uses an event-driven, non-
blocking I/O model that makes it
lightweight and efficient. Node.js'
package ecosystem, npm, is the largest
ecosystem of open source libraries in
the world.”

6.
“Node.js® is a JavaScript runtime built
on Chrome's V8 JavaScript engine.
Node.js uses an event-driven, non-
blocking I/O model that makes it
lightweight and efficient. Node.js'
package ecosystem, npm, is the largest
ecosystem of open source libraries in
the world.”

7.
Javascript en el servidor
Orientado a Eventos: Event-loop
No bloqueante: I/O asíncrona
Un único thread

8.
Async vs Sync

9.
Blocking vs Non-Blocking
Código bloqueante
Código no bloqueante

10.
Gestor de Paquetes

11.
Problemas
Javascript para backend!!!
Callback Hell
Ecosistema joven
Despliegue y packaging en cliente
Aprendizaje Javascript en backend

12.
Paquete de NodeJS
Enrutado
Manejo de errores
Manejo de plantillas
Middleware

13.
Middleware
Routing
Templating
static-files
Cookies
Tokens
….

14.
Scaffolding con express
> npm install -g express-generator
> express myApp

15.
Templates
jade
handlebars
ejs
hogan

16.
CSS
Less
Stylus
Compass
SASS

17.
Middleware
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

18.
Routing
app.get('/employees/:id', function(res, res, next){...});
app.get(‘/employees/:id?', function(res, res, next){...});
Verbo (GET, POST, PUT, DELETE) + PATH

19.
Alternativas
Hapi.js (http://hapijs.com/)
Sails.js (http://sailsjs.org/)
RESTify (http://mcavage.me/node-restify/)
Derby (http://derbyjs.com/)
Tower (http://towerjs.org/)
Tako (https://github.com/mikeal/tako)
Flatiron (http://flatironjs.org/)

20.
Problemas
Limitada extensibilidad: Connect module
Lógica de Negocio: poco aislada, mala reutilización de servicio
Configuración por código

21.
“MongoDB is an open-source schema-
free document database that provides
high performance, high availability, and
automatic scaling.”

22.
NoSQL
Pros:
Se ejecutan en máquinas de poco recursos
Escalabilidad horizontal
Grandes cantidades de datos
Scheme-less
Frente SQL:
No utilizan SQL
Scheme-less
No permiten JOINs

23.
MongoDB
Orientada a documentos (BSON)
Se basa en colecciones
Balanceo de carga automático (auto-sharding)
Soporte para índices

24.
MongoDB
Ciertas aplicaciones web
Gestión de contenido semiestructurado
Analíticas en tiempo real & Trazabilidad en alta velocidad.
Caching y Alta escalabilidad
Bueno para….

25.
MongoDB
Aplicaciones de alta transaccionalidad
Problemas que requieren el uso de SQL
Pero…

26.
MongoDB
CRUD: insert, find, update, remove
Operadores condicionales: $gt, $lt, $gte, $lte
$or, $not, $in
Expresiones regulares
Operaciones sobre arrays
Consultas sobre documentos embebidos
Operaciones

27.
MongoDB
BSON: Binary JSON

28.
MongoDB
Database Database
Collection Table
Document Register

29.
MongoDB
NodeJS
+
Mongoose mongojs

30.
Problemas
Full text search: mejor Elasticsearch
No es relacional
No es transaccional
Problema con updates
Composición con agregados
Sincronización de documentos en updates

31.
“Framework Javascript construido para
el desarrollo front-end rápido y
dinámico.”

32.
AngularJS

33.
AngularJS
SPA (Single Page Applications)
2-way data binding
Inyección de dependencias
MVVM
Manipula el DOM, no HTML

34.
AngularJS
SPA (Single Page Applications)
Comunicación AJAX
Uso de plantilla
Enrutado en cliente

35.
AngularJS
SPA (Single Page Applications)
Browser History SEO
Problemas!!!

36.
AngularJS
SPA (Single Page Applications)
Ember.js (http://emberjs.com/)
Backbone (http://backbonejs.org/)
Marionette (http://marionettejs.com/)
Knockout (http://knockoutjs.com/)
Batman (http://batmanjs.org/)
React (http://facebook.github.io/react/)
Alternativas:

37.
AngularJS
Directivas
Crear nuevas tags HTML que funcionen como widgets.
“Decorar” elementos con comportamiento y manipular el DOM

38.
AngularJS
Directivas
ng-app
ng-controller
ng-href
ng-src
ng-disabled
ng-checked
ng-readonly
….

39.
AngularJS
Filtros

40.
AngularJS
Routes

41.
Testing
&
Building

42.
task
src
pipe
dest
watch

43.
http://www.cyliconvalley.es
@cylicon_valley