SlideShare una empresa de Scribd logo
#SlashFriday
MEAN Stack
¿Qué es?
Introducción
{ name:mongo,type:DB }
Web dev framework for Nodejs
Superheroic frontend framework
Event based concurrency environment
¿Por qué? 1: Javascript
Javascript en el lado del servidor:
Introducción
Javascript en el lado del cliente:
Introducción
¿Por qué? 2: JSON
{“_id”:823849,
”user_name”:”sl
ash_user”,”pas
sword”:”sl4shm
0b1l1ty”}
{“_id”:823849,”user_nam
e”:”slash_user”,”passwor
d”:”sl4shm0b1l1ty”}
Es una base de datos NoSQL:
NoSQL
Clave-valor
Documentales
En grafo Orientadas a objetos
Ventajas:
• Se ejecutan en máquinas de pocos recursos.
• Escalabilidad horizontal.
• Pueden manejar gran cantidad de datos.
• No genera cuellos de botellas.
NoSQL
Diferencias con bases de datos SQL:
• No utilizan SQL como lenguaje de consultas.
• No hay estructuras fijas para las tablas.
• No se permiten operaciones JOIN.
• Arquitectura distribuida.
Quien utiliza estas bases de datos:
• Orientada a
documentos(BSON).
• Se basa en colecciones.
MongoDB
MongoDB
• Balanceo de carga automático
(Auto sharding).
• Permite almacenar ficheros de
gran tamaño (GridFS).
¿Quien lo usa?
Nodejs
Más en https://nodejs.org/industry/
Node JS
Nodejs
• Basado en google V8
• Orientado a eventos
• No bloqueante
Comparación
Nodejs
Datos de concurrencia
Nodejs
2MB por hilo= 4000 usuarios concurrentes
65000 conexiones concurrentes
8GB RAM
Datos de concurrencia: vida real
Nodejs
Paquetes de node:
Nodejs
• Enrutado
• Manejo de errores
• Manejo de plantillas
• Middleware
Paquetes de node:
Express
Expressjs
• MVC
• 2 ways data-binding
• Plantillas
• Inyección de dependencias
• Directivas
Angular
Angularjs
Cuando debemos
usarlo
• Clientes de chat.
• Aplicaciones que requieran
actualizaciones de cliente a tiempo
real (feed de twitter, dashboards…)
• Feeds de RSS.
• Aplicaciones de compra-venta online
.
• Aplicaciones de encuestas .
• APIS REST
Cuando podemos usarlo
• Aplicaciones clásicas del lado de
servidor.
Cuando no debemos
usarlo
• Aplicaciones clásicas del lado de
servidor con base de datos
relacional.
• Aplicaciones con operaciones
costosas en el servidor.
Conclusión
¡Muchas gracias!
Miguel Sánchez
Developer/Cross

Más contenido relacionado

PPTX
#Dean document db + express + angularjs + nodejs running on azure
PPTX
#Dean document db + express + angularjs + nodejs running on azure
PPTX
PPTX
Big data, Hadoop, HDInsight
PPTX
Node JS (Francisco Cerdas)
PPTX
Introduccion a Node.js
PPTX
Introduccion a Nodejs
PDF
Single Page Application - Aníbal Rojas
#Dean document db + express + angularjs + nodejs running on azure
#Dean document db + express + angularjs + nodejs running on azure
Big data, Hadoop, HDInsight
Node JS (Francisco Cerdas)
Introduccion a Node.js
Introduccion a Nodejs
Single Page Application - Aníbal Rojas

La actualidad más candente (9)

PPTX
Introducción a No sql
PDF
Introducción a Node.js
PDF
Charla web performance optimization
PPTX
Funciones de bd en php
PPTX
Conceptos básicos de Asp.net mvc
PPTX
HTML5 + Asp.NET
PPTX
Foro de Arquitectos: caché en azure a fondo
PPT
Javascript con dreamweaver
Introducción a No sql
Introducción a Node.js
Charla web performance optimization
Funciones de bd en php
Conceptos básicos de Asp.net mvc
HTML5 + Asp.NET
Foro de Arquitectos: caché en azure a fondo
Javascript con dreamweaver
Publicidad

Similar a Desarrollo con stack MEAN (20)

PPTX
MEAN ¿otro buzzword?
PPTX
MEAN Stack
PPTX
Presentacion taller de programacion
PDF
Conociendo Full Stack JavaScript usando NodeJs y MongoDB
PDF
Opensouthcode: Microservicios sobre MEAN Stack
PDF
Microservicios sobre MEAN Stack
PDF
APIs REST con NodeJS y MongoDB
PDF
FULLSTACK JS DEV in 2017
PPTX
Introduccion a Node.js
PPTX
PDF
NodeJS y MongoDB
PPTX
Node.js - un poco de informacion.
PPTX
PPTX
Mongo db
PPTX
JavaScript1ckjdfiudafhadvjsadgdhsagcjhASBjhcSJHcSAc
PDF
Creando una API Rest con Node.js y MongoDB
PDF
Introducción a NodeJS
ODP
Node.js - Eventos para Todos
PPTX
Tecnologías que implementa facebook
PPTX
Introducción mongodb y desarrollo
MEAN ¿otro buzzword?
MEAN Stack
Presentacion taller de programacion
Conociendo Full Stack JavaScript usando NodeJs y MongoDB
Opensouthcode: Microservicios sobre MEAN Stack
Microservicios sobre MEAN Stack
APIs REST con NodeJS y MongoDB
FULLSTACK JS DEV in 2017
Introduccion a Node.js
NodeJS y MongoDB
Node.js - un poco de informacion.
Mongo db
JavaScript1ckjdfiudafhadvjsadgdhsagcjhASBjhcSJHcSAc
Creando una API Rest con Node.js y MongoDB
Introducción a NodeJS
Node.js - Eventos para Todos
Tecnologías que implementa facebook
Introducción mongodb y desarrollo
Publicidad

Más de SlashMobility.com (20)

PDF
Slashfriday Visual Data, estrategias para interpretar la información
PDF
SlashFriday: Deep Personalization by MOCA
PPTX
SlashFriday. Aplicación al negocio de las redes neuronales artificiales
PDF
Herramientas de diseño UI
PPTX
Hablemos de sueños
PPTX
Trabajo en equipo
PPTX
Android Wear
PPTX
Customer Experience: vender lo material desde lo inmaterial
PDF
Diseñando para Apple Watch
PPTX
El color, la herramienta más poderosa para diseñar tu app
PPTX
Trabajadores más productivos, motivados y felices gracias a los wearables
PPTX
Marketing inbound para empresas B2B
PPTX
¿Gestionas tu tiempo o te lo gestionan?
PPTX
Cómo dar vida a un personaje
PDF
El combate del siglo: AngularJS vs ReactJS
PPTX
App marketing-ecommbrunch
PPTX
Cómo customizar una app
PPTX
Slash friday: Unity 3D - Pasando nuestra primera pantalla
PPTX
Primeros pasos para crear un videojuego
PPTX
Como diseñar para usuarios irracionales
Slashfriday Visual Data, estrategias para interpretar la información
SlashFriday: Deep Personalization by MOCA
SlashFriday. Aplicación al negocio de las redes neuronales artificiales
Herramientas de diseño UI
Hablemos de sueños
Trabajo en equipo
Android Wear
Customer Experience: vender lo material desde lo inmaterial
Diseñando para Apple Watch
El color, la herramienta más poderosa para diseñar tu app
Trabajadores más productivos, motivados y felices gracias a los wearables
Marketing inbound para empresas B2B
¿Gestionas tu tiempo o te lo gestionan?
Cómo dar vida a un personaje
El combate del siglo: AngularJS vs ReactJS
App marketing-ecommbrunch
Cómo customizar una app
Slash friday: Unity 3D - Pasando nuestra primera pantalla
Primeros pasos para crear un videojuego
Como diseñar para usuarios irracionales

Último (20)

PDF
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
PPTX
historia_web de la creacion de un navegador_presentacion.pptx
PPTX
Presentación PASANTIAS AuditorioOO..pptx
PPTX
Presentación de Redes de Datos modelo osi
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PPTX
REDES INFORMATICAS REDES INFORMATICAS.pptx
PDF
CyberOps Associate - Cisco Networking Academy
PPTX
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PDF
Maste clas de estructura metálica y arquitectura
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PDF
taller de informática - LEY DE OHM
PPTX
Sesion 1 de microsoft power point - Clase 1
PPTX
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PDF
Plantilla para Diseño de Narrativas Transmedia.pdf
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPT
El-Gobierno-Electrónico-En-El-Estado-Bolivia
PDF
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
Liceo departamental MICRO BIT (1) 2.pdfbbbnn
historia_web de la creacion de un navegador_presentacion.pptx
Presentación PASANTIAS AuditorioOO..pptx
Presentación de Redes de Datos modelo osi
Zarate Quispe Alex aldayir aplicaciones de internet .docx
REDES INFORMATICAS REDES INFORMATICAS.pptx
CyberOps Associate - Cisco Networking Academy
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
Maste clas de estructura metálica y arquitectura
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
taller de informática - LEY DE OHM
Sesion 1 de microsoft power point - Clase 1
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
Power Point Nicolás Carrasco (disertación Roblox).pptx
Plantilla para Diseño de Narrativas Transmedia.pdf
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
El-Gobierno-Electrónico-En-El-Estado-Bolivia
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL

Desarrollo con stack MEAN

  • 2. ¿Qué es? Introducción { name:mongo,type:DB } Web dev framework for Nodejs Superheroic frontend framework Event based concurrency environment
  • 3. ¿Por qué? 1: Javascript Javascript en el lado del servidor: Introducción Javascript en el lado del cliente:
  • 4. Introducción ¿Por qué? 2: JSON {“_id”:823849, ”user_name”:”sl ash_user”,”pas sword”:”sl4shm 0b1l1ty”} {“_id”:823849,”user_nam e”:”slash_user”,”passwor d”:”sl4shm0b1l1ty”}
  • 5. Es una base de datos NoSQL: NoSQL Clave-valor Documentales En grafo Orientadas a objetos
  • 6. Ventajas: • Se ejecutan en máquinas de pocos recursos. • Escalabilidad horizontal. • Pueden manejar gran cantidad de datos. • No genera cuellos de botellas. NoSQL Diferencias con bases de datos SQL: • No utilizan SQL como lenguaje de consultas. • No hay estructuras fijas para las tablas. • No se permiten operaciones JOIN. • Arquitectura distribuida. Quien utiliza estas bases de datos:
  • 7. • Orientada a documentos(BSON). • Se basa en colecciones. MongoDB MongoDB • Balanceo de carga automático (Auto sharding). • Permite almacenar ficheros de gran tamaño (GridFS).
  • 8. ¿Quien lo usa? Nodejs Más en https://nodejs.org/industry/
  • 9. Node JS Nodejs • Basado en google V8 • Orientado a eventos • No bloqueante
  • 11. Datos de concurrencia Nodejs 2MB por hilo= 4000 usuarios concurrentes 65000 conexiones concurrentes 8GB RAM
  • 12. Datos de concurrencia: vida real Nodejs
  • 14. • Enrutado • Manejo de errores • Manejo de plantillas • Middleware Paquetes de node: Express Expressjs
  • 15. • MVC • 2 ways data-binding • Plantillas • Inyección de dependencias • Directivas Angular Angularjs
  • 16. Cuando debemos usarlo • Clientes de chat. • Aplicaciones que requieran actualizaciones de cliente a tiempo real (feed de twitter, dashboards…) • Feeds de RSS. • Aplicaciones de compra-venta online . • Aplicaciones de encuestas . • APIS REST Cuando podemos usarlo • Aplicaciones clásicas del lado de servidor. Cuando no debemos usarlo • Aplicaciones clásicas del lado de servidor con base de datos relacional. • Aplicaciones con operaciones costosas en el servidor. Conclusión

Notas del editor

  • #3: Es solo un stack como XAMP-LAMP-MAMP Analogía diseño Diferenciar: db-server-client
  • #4: Solo hace falta conocer un lenguaje. Un desarrollador frontend puede desarrollar ahora el backend tb  
  • #5: No hace falta tratar los datos al transportarlos
  • #8: Explicar que bson es json(binary-json) Colecciones en lugar de tablas ----- Notas de la reunión (11/06/15 15:52) ----- sacar ejemplo mongoose Select Ejemplo del network
  • #9: Walmart began using Node.js in 2012 to provide mobile users with a modern front end experience. Making use of the JavaScript platform, they were able to quickly and easily integrate their existing APIs with their Node application. They also stated that 53% of their Black Friday online traffic went to their Node servers with zero downtime. Yahoo started experimenting with Node back in 2010. At first they just used it for small things like file uploads, and now they use Node to handle nearly 2 million requests per minute. They have noted increases in speed and a simpler development process. LinkedIn began developing the server side of their mobile app entirely with Node. They were previously using Ruby, but since the switch they have seen huge increases in performance, ranging from 2 to 10 times faster reducen numero servidores a la mitad PayPal: PayPal has recently jumped onboard and began migrating some of their Java code to Node. They began experimenting with just their Account Overview page, but once they saw a 35% speed increase and half the amount of time spent on development, they started moving all sites to Node.js. .
  • #11: Explicar sistema de hilos (reserva de memoria ) y bloqueos
  • #12: Matematicamente
  • #13: La subida es el momento en que el servidor empieza a poner usuarios en espera
  • #14: Paquetes de node: Ensenar ejemplo del npm install package.json etc
  • #15: Explicar punto a punto. Llamada a la api Ensenar router y middleware de doryo. Controlador Comparar con select en consola(estara mostrado en consola)
  • #16: Ejemplo directiva(2 ways data binding)
  • #17: Explicar sobre los puntos