Charla dentro del Pucela Tech Day organizado por Cylicon Valley en 2015

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

7. Javascript

11. “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.”

12. “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.”

13. “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.”

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

15. Async vs Sync

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

19. Gestor de Paquetes

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

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

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

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

26. Templates
jade
handlebars
ejs
hogan

27. CSS
Less
Stylus
Compass
SASS

28. 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')));

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

30. 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/)

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

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

34. 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

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

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

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

38. 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

39. MongoDB
BSON: Binary JSON

40. MongoDB
Database Database
Collection Table
Document Register

41. MongoDB
NodeJS
+
Mongoose mongojs

42. 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

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

45. AngularJS

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

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

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

49. 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:

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

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

52. AngularJS
Filtros

53. AngularJS
Routes

54. Testing
&
Building

58. task
src
pipe
dest
watch

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