Download - MontageJS
![Page 1: MontageJS](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/1.jpg)
MontageJS Framework HTML5
![Page 2: MontageJS](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/2.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/3.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/4.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/5.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/6.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/7.jpg)
Componentes reutilizables
*- MontageJS simplifica el desarrollo de cliente ofreciendo un enfoque modular para la organización de código y componentes.
![Page 8: MontageJS](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/8.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/9.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/10.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/11.jpg)
ENTORNO
*- Es compatible con cualquier plataforma de móvil.*- Compatible con cualquier SO.*- Utilizado a nivel de empresa de alto nivel.
![Page 12: MontageJS](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/12.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/13.jpg)
EJEMPLOShttp://docs.montagestudio.com/montagejs/montagejs-examples.html
http://montagestudio.com/gallery/
![Page 14: MontageJS](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/14.jpg)
PROS● CommonJS
o Arregla problema modularidad.o Agrega module.exportso Agrega require
![Page 15: MontageJS](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/15.jpg)
PROS● BSD Open Source License
o Utilizable hasta en proyectos no open source
o Código fuente entero en Github
![Page 16: MontageJS](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/16.jpg)
PROS● Cloud IDE: Montage Studio
o Trabajo en la nubeo No hay descargas necesariaso Código siempre disponible
![Page 17: MontageJS](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/17.jpg)
PROS● Parte de npm
o Permite la optimización automática
del código con mop
![Page 18: MontageJS](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/18.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022071703/55c9d78dbb61ebee5a8b46d4/html5/thumbnails/19.jpg)
FIN