Framework MAVO: Creando aplicaciones exclusivamente con HTML
Framework MAVO: Creando aplicaciones exclusivamente con HTML
  • Tiempo de lectura:5 minutos de lectura
  • Categor√≠a de la entrada:Framework CSS

Crear aplicaciones web sin Javascript ahora ya es posible, con el Framework Mavo

¬ŅQu√© es MAVO?

Mavo te ayuda a convertir tu HTML estático en aplicaciones web reactivas sin una sola línea de código de programación y sin servidor backend.

Mavo amplía la sintaxis de HTML para describir las aplicaciones web que administran, almacenan y transforman datos. Almacena tus datos en la nube, localmente o no, simplemente cambiando un atributo HTML.

Edita los datos directamente sobre tu sitio web, con una interfaz intuitiva, autogenerada y personalizable.

No luches m√°s con CMS y complejos servidores, con MAVO vas a tener cargas multimedia en tu p√°gina con simplemente arrastrar y soltar.

¬ŅCu√°ndo comenz√≥?

Este proyecto fue presentado por @LeaVerou en su blog, una de las desarrolladoras más importantes del mundo web.

¬ŅQu√© tiene de novedoso?

Pues que se ofrece como el primer framework capaz de crear aplicaciones web √ļnica y exclusivamente usando HTML.

¡A mi me parece algo increíble y de una apariencia muy sencilla y simple!

El Framework MAVO fue lanzado a mitad de Mayo de 2.017 y nos ha reagalado una muy buena experiencia; sobre todo a los desarrolladores web que quieran evolucionar hacía el desarrollo de aplicaciones.

Quién no conozco a @LeaVerou decirle que le servirá, pasar por su Blog y en concreto visitar el apartado de Proyectos; no tardarás en darte cuenta de la importancia que está desarrolladora posee dentro del Mundo del Desarrollo Web.

All√≠ encontrar√°s m√ļltiples herramientas, indispensables y vitales para realizar trabajos espec√≠ficos sobre hojas de estilos en cascada u CSS.

Ahora hablemos de MAVO

El framework se caracteriza por ser un lenguaje basado en HTML que da soporte y permisividad de crear variedad de aplicaciones web sin programación o un servidor backend.

Si alguna vez quisiste..

  • ¬ŅCrear un sitio web, sin ser t√©cnico y pudiendo editar desde el navegador?
  • ¬ŅCrear una web, presentando una colecci√≥n editable de art√≠culos?
  • ¬ŅSubir im√°genes a tu sitio web, directamente desde el navegador?
  • ¬ŅHacer una aplicaci√≥n para registrar o compartir un aspecto de tu vida?
  • ¬ŅCrear un sitio que permita a otras personas sugerirte cambios en tus datos?

Mediante MAVO podrás hacer todas estas cosas (y muchas más…)

Solo con HTML y CSS

Sin necesidad de codificar, ni de servidores para administrar los datos. Puedes hacer cualquier elemento editable, solamente incluyéndole un atributo. De hecho puedes almacenar los datos localmente sobre el navegador, Github, o Dropbox, o cualquier otro servicio simplemente cambiando un atributo HTML.

Tambi√©n se puede convertir cualquier elemento HTML en una colecci√≥n, con controles personalizables para a√Īadir, eliminar elementos o re-organizar elementos mediante arrastrar y soltar. Los visitantes de tu sitio web podr√≠an sugerir modificaciones sobre tus datos creando ‚Äúpull request‚ÄĚ a trav√©s del proyecto de Github desde dentro de tu misma web.

Mavo es un lenguaje que extiende HTML para describir aplicaciones que administran, almacenan y transforman datos. Lo que se necesita para utilizar MAVO es √ļnicamente incluir estos dos archivos e insertarlos antes del cierre de la cabecera:

<head>
...
<link rel="stylesheet" href="https://get.mavo.io/mavo.css"/>
<script src="https://get.mavo.io/mavo.js">
</script>
...
</head>

No se trata de utilizar HTML como un simple acceso directo a JavaScript, sino como un idioma principal para crear aplicaciones web. Hemos hecho estudios de usuarios reales para demostrar que MAVO puede ser utilizado con éxito incluso por personas sin experiencia en programación.

Los resultados han sido publicados aquí: ACM UIST 2016.

El punto de vista que se busca, es que JavaScript y los servidores backend¬†adem√°s de las bases de datos se conviertan en el ‚ÄúEnsamble de la Web‚ÄĚ principalmente en cuanto a tareas especializadas o de alto rendimiento.

Para todo lo demás, HTML y CSS deberían bastar.

Documentación: Manual
Proyecto: Blog Oficial del Framework Mavo
Introducción: Artículo introductorio, en inglés
Repositorio: Github
Fuente: Lea Verou Blog