Masterclass

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

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

Mira el trailer

Duración total: 01:37:54

Código descargable

Acceso 100% online

0

Descripción de la masterclass

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:

  • Creamos la app con Vue Cli.
  • Copiamos, pegamos y ajustamos el código de la sesión anterior a la nueva estructura basada en componentes.
  • Trasladamos la responsabilidad del cliente de acceso a la API a una clase propia.
  • Añadimos el enrutamiento en el frontend.

Y casi todo funciona a la primera.

El poder de Vue :)

Recuerda que tenemos un curso VueJS en la Zona Premium.

El código se sube a un repositorio abierto al finalizar cada sesión: servidor y cliente.

Suscríbete o identíficate para ver el vídeo, todas las notas y no te pierdas los próximos directos.

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