14

meanjs

Embed Size (px)

DESCRIPTION

que es mean js y otras herramientas

Citation preview

Page 1: meanjs
Page 2: meanjs

Que es MEAN

Es un conjunto de tecnologías para realizar aplicaciones web completas. MEAN lo comprende:

● MongoDB: Base de datos NoSQL● AngularJS: Framework frontend● Express.JS: Framework Backend ● NodeJS: Entorno de programación JavaScript

Page 3: meanjs

¿Como funciona MEAN?

Page 4: meanjs
Page 5: meanjs
Page 6: meanjs

Node

● NodeJS es un entrono de programación (en Javascript) en la capa del servidor basado en el motor V8 de JavaScript, orientado a eventos no bloqueantes, lo que lo hace muy rápido y permite crear programas de red altamente escalables (servidores web) y emplear el “tiempo real”. En los últimos años esta tecnología esta teniendo mucho auge y ha hecho que exista una comunidad de desarroladores bastante amplia y potente, por lo que tiene pinta que esta tecnología tendrá cierto éxito a corto-medio plazo.

Page 7: meanjs

MongoDB

● MongoDB es un sistema de base de datos documental no relacional ( base de datos NoSQL). Este sistema de base de datos, guarda los datos en documentos en formato JSON (en realidad los guarda en formato BSON), lo que hace que sea un formato muy manejable y entendible para trabajar con él, y las operaciones (o “consultas”) sobre estos documentos se realizan en JavaScript.

Page 8: meanjs

Express

Express es un framework realizado en NodeJs muy ligero y flexible que proporciona un un conjunto muy robusto de facilidades para crear fácilmente servidores web y recibir peticiones HTTP; por tanto, permite desarrollar API REST de forma muy rápida.

Page 9: meanjs

Angular

AngularJS es un framework para Frontend desarrollado por Google que sigue el patrón MVC (Model-Vista-Controlador), aunque la propia gente de Google dice que sigue el patrón MVW (Model-View-Whatever (whatever works for you)). AngularJS permite crear lo que se llama Single-Page-Applications, que son aplicaciones web que no necesitan recargar la página Para terminar decir que AngulaJS es un framework muy potente y que facilita muchísimo la labor de los desarrolladores de Frontend.

Page 10: meanjs

Otros frameworks y librerías a usar

● Yeoman: genera esqueletos y librerias basicas para diferentes proyectos, angular-fullstack es el especifico para angular-express-mongoose/mongodb

Page 11: meanjs

● Dado el éxito que esta teniendo MEAN para el desarrollo de aplicaciones web, están surgiendo proyecto que proporcionan esqueletos de aplicación MEAN tales como MEAN.IO o MEANJS.ORG.

● En nuestro caso usaremos Yeoman y el generador llamado Angular Fullstack

Page 12: meanjs

Otros frameworks y librerias a usar

● Bower: instalar ficheros .js con un comando● ej: bower install libreria --save

http://bower.io/

Page 13: meanjs

Otros frameworks y librerías a usar

● Bootstrap 3: Framework CSS para crear tablas, botones y otros elementos ya con decoración

http://getbootstrap.com/components/

Page 14: meanjs

Otros frameworks y librerias a usar

● Angular-Bootstrap : para interactuar con los elementos de bootstrap en angularhttps://angular-ui.github.io/bootstrap/

● Awesome icons: iconos para decorarhttp://fortawesome.github.io/Font-Awesome/icons/

● Ui-Calendar: Libreria que nos proporciona un calendario compatible con Angularhttp://angular-ui.github.io/ui-calendar/

● ng-tags-input: para usar tags en los criterios de busqueda https://github.com/mbenford/ngTagsInput

● ng-table: le da superpoderes a las tablas (paginacion, filtros,etc)http://ng-table.com/#/