Refactorizamos y aplicamos buenas prácticas en el frontend de la sesión anterior.

Después de crear el backend mínimo viable comenzamos en este directo a crear nuestro frontend.
Es solo el principio, pero hay que dar el salto de tener un script a generar una webapp.
El reto consiste en utilizar Vue Cli para generar una aplicación completa e insertar dentro nuestro código bien segmentado y capacitado para generar una build.
Para crear el código de una forma ordenada y luego crear una distribución del mismo en JavaScript que los navegadores puedan entender.
En esta sesión hacemos muchas cosas:
<ul>
<li>Creamos la app con Vue Cli.</li>
<li>Copiamos, pegamos y ajustamos el código de la sesión anterior a la nueva estructura basada en componentes.</li>
<li>Trasladamos la responsabilidad del cliente de acceso a la API a una clase propia.</li>
<li>Añadimos el enrutamiento en el frontend.</li>
</ul>
Y casi todo funciona a la primera.
El poder de Vue :)
Recuerda que tenemos un <a href="https://premium.danielprimo.io/desafios/vuejs">curso VueJS en la Zona Premium</a>.
El código se sube a un repositorio abierto al finalizar cada sesión: <a href="https://github.com/delineas/countdown-circus">servidor</a> y <a href="https://github.com/delineas/countdown-circus-client">cliente</a>.
<a href="/nivel">Suscríbete</a> o <a href="/login">identíficate</a> para ver el vídeo, todas las notas y no te pierdas los próximos directos.

Reconvertir HTML+JS a una app de verdad VueJS #LiveCoding 4

Explora los capítulos