Framework MAVO: Creando aplicaciones exclusivamente con HTML

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

Artículos Relacionados
Bootstrap: Correcciones de Agosto 2020

Las próximas versiones de Bootstrap 4.x continuarán la tendencia de encontrarse enfocadas en la corrección de errores, mejoras de la documentación y (más añadir características que ayuden a cerrar las diferencias con la próxima versión 5.x. El equipo de Boostrap, con las versiones 4.5.1 ¡SEGUIR LEYENDO!

Colección de Recursos para el Framework Tailwind CSS (+300 recursos)

Tailwind CSS es un frameworks CSS para crear rápidamente interfaces de usuario personalizadas. ? Colección Recursos CSS / ? Frameworks CSS / ? Cursos Gratis de CSS / ? Libros Gratis de CSS / ? 85 Geniales Recursos CSS Gratuitos Enlaces útiles Leyenda 😕 ¡SEGUIR LEYENDO!

Lanzados los iconos de Bootstrap, en su primera versión estable

¡Después de cinco versiones alfa en los últimos nueve meses, Bootstrap lanza la versión estable de sus iconos. Más de 1.100 íconos y en camino de agregar cientos de iconos más en próximos lanzamientos. Bootstrap agrega 1.100 iconos propios La librería de iconos de ¡SEGUIR LEYENDO!