Descripción

MEAN.JS

Introducción

Descripción

• Solución full-stack de JavaScript.
• Ayuda a construir aplicaciones web en producción, de manera rápida, robusta y mantenible.

MEAN.JS

Introducción

Ventajas

• Evita dar al usuario tareas repetitivas.
• Aplicación organizada.
• Solo un lenguaje: Javascript.
• Solución de código abierto.

MEAN.JS

Introducción

JavaScript

• Lenguaje de alto nivel.
• Interactividad de las páginas web.
• Curva de aprendizaje baja.

MEAN.JS

Introducción

Componentes

MEAN.JS

Introducción

• Es un sistema de base de datos multiplataforma orientado a documentos, de esquema libre.
• Proporciona una solución directa basada en esquemas para modelar los datos de la aplicación.

Mongo

MEAN.JS

Introducción

Express

• Infraestructura de aplicaciones web Node mínima y flexible.
• Ayuda a organizar el enrutamiento de la aplicación y utilizar cualquier solución de plantillas con un mínimo esfuerzo.

MEAN.JS

Introducción

Angular

• Framework MVC de JavaScript para el Desarrollo Web Front End.

• Permite extender HTML con directivas y atributos, manteniendo la semántica y sin necesidad de emplear librerías.

MEAN.JS

Introducción

Node

• Node.js es un entorno Javascript del lado del servidor, basado en eventos.

• Aprovechando el motor V8 permite a Node ejecutar Javascript a velocidades increíbles.

MEAN.JS

Introducción

Requisitos

MEAN.JS

Introducción

npm

• Node Package Manager
• Facilita compartir y reusar código Javascript, así como actualizar el código que se comparte.

Introducción

Bower

• Los sitios web tienen muchos componentes. Bower manega todos los componentes por la aplicación.

• Instala las versiones correctas de los paquetes que se necesitan y sus dependencias.

MEAN.JS

Introducción

Grunt

• Javascript Task Runner

• Reducir la carga de trabajo cuando se ejecutan tareas repetitivas como minificación, compilación, testeo, entre otros.

MEAN.JS

Introducción

Gulp

• Javascript Task Runner

• Alternativa a Grunt

• Refrescar el navegador cuando se salvan archivos (Live Reload)

MEAN.JS

Introducción

Yeoman

• Yeoman es un sistema genérico de armazones que permite la creación de cualquier tipo de aplicación.
• Permite iniciar rápidamente nuevos proyectos y agilizar el mantenimiento de los proyectos existentes.

MEAN.JS

Introducción

Architectura

MEAN.JS

Introducción

Estructura

Introducción

<project-home>

• Archivos de configuración de la aplicación.
• Archivos ocultos de configuración.
• El conjunto de archivos para construir y correr la aplicación.

Introducción

config

• Se almacenan todas las variables de configuración de la rutina.

• config/assets - Ajustes del manejo de recursos.

• config/env      - Ajustes para los ambientes del sistema.

• config/lib        - Hogar de varias funciones asistentes.

Introducción

modules

• Se puede ver cada módulo como un contenedor de cada parte de la aplicación.

• modules/*/client   - Código del lado del cliente.

• modules/*/server - Código del lado del servidor.

• modules/*/test      - Código para verificar el módulo.

Introducción

public

• Contiene todos los archivos estáticos de front-end usados por la aplicación para correr.
• public/lib   - Librerías de terceros.
• public/dist - Archivos finales construidos.

Introducción

scripts

Se almacenan varias scripts que se utilizan durante el desarrollo, administración y operación de la aplicación.

Introducción

Taller Práctico

MEAN.JS

Introducción

Instalar MEAN.JS

Introducción

Ejecutar MongoDB

Introducción

Ejecutar la aplicación

Introducción

Repositorio

goo.gl/VveEMM

Introducción

Información

MEAN.JS

Introducción

Introducción

Feedback

 goo.gl/czs5Q1

 rtrmg.Sarahah.com

Twiiter

@artmoor42

 

Introducción