MontageJS

19
MontageJS Framework HTML5

Transcript of MontageJS

Page 1: MontageJS

MontageJS Framework HTML5

Page 2: MontageJS

INTRODUCCIÓNMontageJS es:● Framework de HTML5.● Desarrollado con el fin de lograr código más

limpio y multiplataforma.● Soporta la creación de aplicaciones de una

sola página (ASP) de forma rápida.

Page 3: MontageJS

INTRODUCCIÓN● Utiliza patrones de diseño y principios de

software que permiten crear una arquitectura modular

● MountageJS es fácil de aprender porque es similar al diseño Web.

Page 4: MontageJS

CARACTERÍSTICASLa mayoría de los framework proporcionan un enlace para descargar librerías que son diseñadas para facilitar el trabajo de los desarrolladores. Desafortunadamente incluyen además muchas más funcionalidades de las que son necesarias en ciertos proyectos, trayendo consigo que la mayoría de las aplicaciones webs tiendan a incluir librerías enormes que tienen muchas más partes de las que requiere la aplicación.

Page 5: MontageJS

CARACTERÍSTICASMontajeJS tiene una metodología distinta para desarrollar aplicaciones web, ya que no es necesario descargar ninguna librería, en cambio usa el módulo CommonJS que es parte del paquete npm; facilitando a los desarrolladores implementar un ambiente del lado del cliente y organizar y controlar su código.

Page 6: MontageJS

Utilidades

MontageJS hace la mayoría de los estándares web. Los diseñadores web deben ser capaces de concentrarse en HTML y CSS, mientras que los desarrolladores web debe ser capaces de concentrarse en HTML y JavaScript, sin tocar más puntos de los indicados. Los componentes de montaje y documentos completos de HTML5 como plantillas permiten precisamente eso.

Page 7: MontageJS

Componentes reutilizables

*- MontageJS simplifica el desarrollo de cliente ofreciendo un enfoque modular para la organización de código y componentes.

Page 8: MontageJS

HIGH PERFORMANCE

*- MontageJS minimiza caros reflujos de diseño para proporcionar una mejor experiencia de usuario, sobre todo en los dispositivos móviles de hardware limitada.

Page 9: MontageJS

PLANTILLA ORIENTADA*- Las plantillas de MontageJS son

documentos HTML5. Estas plantillas HTML encapsulan código JavaScript de un componente, así como recursos como archivos CSS y las imágenes, en una carpeta con la extensión de archivo "reel".

Page 10: MontageJS

FRB*- MontageJS admite datos simples y de

doble vía de unión entre los componentes, objetos y colecciones, lo que le permite coordinar el estado entre las vistas y modelos, entre otros objetos enredados.

Page 11: MontageJS

ENTORNO

*- Es compatible con cualquier plataforma de móvil.*- Compatible con cualquier SO.*- Utilizado a nivel de empresa de alto nivel.

Page 12: MontageJS

CASO PRÁCTICO- La aplicación “Tips & Tricks” en los

Chromebooks esta desarrollada en MontageJS.

- Se puede utilizar para ChromeApps.- Aplicaciones de una sola página- Clientes web “gordos o gruesos”

Page 13: MontageJS

EJEMPLOShttp://docs.montagestudio.com/montagejs/montagejs-examples.html

http://montagestudio.com/gallery/

Page 14: MontageJS

PROS● CommonJS

o Arregla problema modularidad.o Agrega module.exportso Agrega require

Page 15: MontageJS

PROS● BSD Open Source License

o Utilizable hasta en proyectos no open source

o Código fuente entero en Github

Page 16: MontageJS

PROS● Cloud IDE: Montage Studio

o Trabajo en la nubeo No hay descargas necesariaso Código siempre disponible

Page 17: MontageJS

PROS● Parte de npm

o Permite la optimización automática

del código con mop

Page 18: MontageJS

CONTRAS● Problemas por uso de la nube

o Necesario internet.o Requiere navegador moderno.o Depende de la seguridad del proveedoro Posible permanencia del código.

Page 19: MontageJS

FIN