Día 4: Aplicación FullStack: frontend con Vue 3 y backend con Lumen

Arrancamos un proyecto nuevo para integrarlo después en la plataforma “provolare”.

Se trata de un complemento a los vídeos de Vimeo que utilizamos para el contenido premium. Queremos controlar lo que vemos en ese vídeo de dos formas principales:

• Añadir marcas de tiempo (capítulos) para navegar por el vídeo.
• Guardar la posición del vídeo en la que te quedas para que, al volver a ese vídeo, empezar desde ese punto.

Lo montaremos con una arquitectura FullStack:

• Vue 3 con Composition API en el front
• Lumen (un microframework de Laravel) en el back

Al final de la sesión me descubren los poderes casi mágicos de LocalStorage para almacenar información en el navegador de forma nativa.

Le falta una refactorización para ajustar algunas cosas, pero estamos cerca de tener una nueva funcionalidad poderosa.

Continuará…

La frase del directo

“En todas las casas se cuecen “Cors””

Nivel de dificultad

Intermedio

Tecnologías utilizadas

• La mente
• JavaScript
• Vue
• PHP (Lumen)
• Git
• Visual Studio Code

Código

• Backend
• Frontend

Recursos compartidos

• Please, stop using LocalStorage

[Suscríbete][6] o [identíficate][7] para ver el vídeo al completo.