Aquí se muestra como se puede crear una aplicación usando como lenguaje base Javascript con MEAN Stack, que es el uso de MongoDB, Express, AngularJS y NodeJS. Creando el back-end con NodeJs, Express y MongoDB y el Fron-tend usando AngularJS. Si te gusta Javascript y quieres empezar a crear aplicaciones basadas en este lenguaje, este webinar te ayudará a empezar a desarrollar tus aplicaciones.

1. www.sgcampus.com.mx
@sgcampus
www.sgcampus.com.mx
@sgcampus
Febrero 2015
FullStack con Javascript.
MongoDB, Express, Angularjs, Nodejs

2. www.sgcampus.com.mx
@sgcampus
Agenda
• Introducción
• ¿Que es MEAN?
• NodeJS & Express
• MongoDB
• AngularJS
• Hola Mundo en NodeJS & Express
• Creando una aplicación MEAN Stack

3. www.sgcampus.com.mx
@sgcampus
Introducción
• Un stack es una pila de cosas, en este caso un
conjunto de tecnologías para un proyectos.
• Comúnmente un Stack contiene varios lenguajes.
• Muchas veces las implementaciones suelen costar
mucho por desconocimiento de los lenguajes.

4. www.sgcampus.com.mx
@sgcampus
MEAN STACK

5. www.sgcampus.com.mx
@sgcampus
MEAN STACK
• Un Lenguaje para el Back-end
• Un Lenguaje para el Front-end
• Un lenguaje para la Base de datos.

6. www.sgcampus.com.mx
@sgcampus
MEAN STACK

7. www.sgcampus.com.mx
@sgcampus
MEAN STACK
• El mismo lenguaje para el Back-end, Front-end y la
base de datos.
• Diferentes tools basadas en Javascript.
• Javascript en todos lados.

8. www.sgcampus.com.mx
@sgcampus
MEAN STACK

9. www.sgcampus.com.mx
@sgcampus
Node & Expres
• NodeJS es una plataforma construida sobre el
Javascript runtime de Chrome: V8.
• Basado en eventos.
• No bloqueante.
• Bueno para aplicaciones real-time.
• Eficiente.

10. www.sgcampus.com.mx
@sgcampus
Node & Expres
• Express es un framework para aplicaicones web
en NodeJS .
• Contiene un conjunto de robustas funciones para
aplicaciones web y móviles.
• Puede ser complementado con
otros modulos de NodeJS.

11. www.sgcampus.com.mx
@sgcampus
MongoDB
• Base de datos orientada a documentos
• NoSQL
• No necesita seguir un schema
• Cada documento puede ser diferente de los otros.
• No existen transacciones
• No tiene JOINS.

12. www.sgcampus.com.mx
@sgcampus
AngularJS
• Framework Javascript para el front-end
• SPA (Single Page Applications)
• Permite extender el HTML
• ng-directives
• ng-bind
• ng-model

13. www.sgcampus.com.mx
@sgcampus
AngularJS
• Framework Javascript para el front-end
• Modelo
• SPA (Single Page Applications)
• Permite extender el HTML
• Controladores
• Directivas
• Filtros
• Servicios

14. www.sgcampus.com.mx
@sgcampus
Hola Mundo / NodeJS

15. www.sgcampus.com.mx
@sgcampus
Hola Mundo / ExpressJS

16. www.sgcampus.com.mx
@sgcampus
Creando una app con MEAN

17. www.sgcampus.com.mx
@sgcampus
Preguntas…. ¿?