Maxland

Maxland Workshop

En este site se ubicarán ejemplos, pruebas de concepto y otros experimentos generados por Maxland. Todas estas pruebas son de uso libre y pueden ser copiadas. De todas formas no esperéis encontrar aquí ejemplos perfectos para vuestros desarrollos ya que esta web está pensada como contenedor de pruebas para mis propios desarrollos y para experimentar con nuevas tecnologías web.

Acerca de

He estado probando otras librerias de componentes CSS y en esta nueva iteración me he dicidido a implantar Materialize en lugar de Bootstrap 4 tal como estaba anteriormente. Esto es debido a que Materialize implementa ciertos componentes que Bootstrap no ha llegado a incluir en su nueva versión. Esto me proporciona ciertas ventajas a la hora de desarrollar algunos aspectos de esta web, sobre todo a nivel visual.

Esta web seguirá incorporando cambios y pruebas de concepto sobre programación web, así como mejoras en el diseño cada vez que lo crea oportuno. Todo el contenido de esta web es público y se puede reutilizar sin ningún problema.

Materialize

Portfolio

Mi primera WebApp real: Firekeep

Firebase + VueJS

Hace tiempo que estoy revisando diferentes tecnologías con la intención de crear una aplicación web que se pudiera utilizar desde dispositivos móviles tal como si fuera una aplicación nativa. Hoy en día existen multitud de posibilidades pero yo tenía la intención de que su desarrollo fuera lo más sencillo posible y ahí es cuando me tropecé con VueJS y el excelente curso on-line que está realizando Juan Andrés Nuñez. Fue empezar a ver sus vídeos y entender que ese framework era perfecto para mis necesidades, con la sencillez que, de momento, no he encontrado en otros frameworks.

Una vez resuelto el tema del desarrollo Javascript, seguí buscando otras herramientas interesantes. Y una vez más encontré lo que necesitaba de la mano de Google, gracias a la versión 3 de Firebase. Este producto (gratuito en su versión básica) me proporcionaba las herramientas necesarias para construir una base de datos en tiempo real, con autentificación y hosting estático para las páginas web que tuviera que desarrollar.

Con todo esto, un editor de código (estoy utilizando Visual Studio Code), mi cuenta de GitHub y mis conocimientos actuales de HTML5, CSS3 y Javascript me puse manos a la obra en esta tarea.

Ahora, unos meses más tarde puedo presentaros la versión alfa de mi proyecto personal “ Firekeep”, un gestor de notas compartidas que me ha permitido utilizar muchas de las posibilidades de VueJS, la base de datos en tiempo real de Firebase, así como su hosting, y de este modo seguir aprendiendo nuevas tecnologías, que en realidad es lo que más me gusta y el porqué de todo esto.

Para el diseño front-end he utilizado otro framework llamado Materialize que le da ese aspecto Material design que tanto está promoviendo Google y que le proporciona la capacidad de visualizarse tanto en navegadores de escritorio como en dispositivos móviles sin mayor problema.

El desarrollo está en una fase inicial pero ya puede verse su funcionamiento general. Además introduzco mejoras bastante a menudo.