Masterclass

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

Descubrimos también el poder del LocalStorage y la Vimeo Player API.

Duración total: 02:24:21

Código descargable

Acceso 100% online

Descripción de la masterclass

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

Recursos compartidos

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

Podrás ver a:

Imagen de Daniel Primo

Daniel Primo

CEO en pantuflas de Web Reactiva. Programador y formador en tecnologías que cambian el mundo y a las personas.

Explora los capítulos

Descubre todo lo que puedes conseguir sucribiéndote a Web Reactiva

Contenido nuevo todas las semanas

Una comunidad de developers colegas en telegram

Desafíos y retos de programación para que mejores tus habilidades

400 horas de contenido en audio y vídeo

Entrevistas y masterclass en directo con los/las mejores profesionales

Precio

19€Matrículaplus10€Al mes

  • Contenido disponible 24/7
  • Audios y videos
  • Retos y desafíos
  • Todo el código descargable
  • Comunidad de developers
  • Acceso premium completo