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

<p>Arrancamos un proyecto nuevo para integrarlo después en la plataforma “provolare”.</p>
<p>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:</p>
<ul>
<li>Añadir marcas de tiempo (capítulos) para navegar por el vídeo.</li>
<li>Guardar la posición del vídeo en la que te quedas para que, al volver a ese vídeo, empezar desde ese punto.</li>
</ul>
<p>Lo montaremos con una arquitectura FullStack:</p>
<ul>
<li>Vue 3 con Composition API en el front</li>
<li>Lumen (un microframework de Laravel) en el back</li>
</ul>
<p>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.</p>
<p>Le falta una refactorización para ajustar algunas cosas, pero estamos cerca de tener una nueva funcionalidad poderosa.</p>
<p>Continuará…</p>
<p><strong>La frase del directo</strong></p>
<p>“En todas las casas se cuecen “Cors””</p>
<h3>Nivel de dificultad</h3>
<p>Intermedio</p>
<h3>Tecnologías utilizadas</h3>
<ul>
<li>La mente</li>
<li>JavaScript</li>
<li>Vue</li>
<li>PHP (Lumen)</li>
<li>Git</li>
<li>Visual Studio Code</li>
</ul>
<h3>Código</h3>
<ul>
<li><a href="https://github.com/delineas/vimeo-player-control-backend">Backend</a></li>
<li><a href="https://github.com/delineas/vimeo-player-control-frontend">Frontend</a></li>
</ul>
<h3>Recursos compartidos</h3>
<ul>
<li><a href="https://www.rdegges.com/2018/please-stop-using-local-storage/">Please, stop using LocalStorage</a></li>
</ul>
<p>[Suscríbete][6] o [identíficate][7] para ver el vídeo al completo.</p>


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

Explora los capítulos