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

Este video dura 01:37:54. Solo puedes acceder al contenido completo si te suscribes a la zona premium.

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.

01 ¿Cómo planificar un nuevo proyecto? 02 Cocina tu código con ramas de git 03 Aprende testing unitario (TDD) con una kata de programación 05 Cuéntame un cuento y te monto una webapp 06 El caso real de una aplicación web: SAT 07 Crear las bases del backend #LiveCoding 1 08 Persistencia de datos con SQLite #LiveCoding 2 09 Primeros pasos de frontend con VueJS #LiveCoding 3 10 Reconvertir HTML+JS a una app de verdad VueJS #LiveCoding 4 12 Envío de formulario desde el frontend al backend desacoplado #LiveCoding 5 13 Refactorizando el backend con buenas prácticas #LiveCoding 6 15 Ajustes de front y despliegue en la nube #LiveCoding 7 17 Empezando con Git 18 Prototipando una aplicación web desde cero con Pencil 19 Primeros pasos con NuxtJS 20 Carga de datos en Nuxt (markdown, JSON) 21 Empezando con Tailwind CSS 22 Juntando las piezas con Nuxt, Tailwind y JSON 23 Así empezamos con Github Actions 25 Comando Coding 01: Calculadora de presupuestos con JavaScript 26 Trucos y puesta en producción del directorio de profesionales con NuxtJS 27 Comando Coding 02: Formulario Atrapahumanos con JavaScript 28 GraphQL para novatos (en WordPress) 30 Introducción a Laravel: Webapp de control de gastos 31 Comando Coding 03: Maquetando una tarjeta con CSS 32 Primeros pasos con Frontity 34 Jamstack y pruebas de concepto 36 Haz magia con los datos en frontend con Vuex 37 Crea una landing page con CSS y Heliblocks con Jesús Olazagoitia 38 Conoce las novedades de Vue 3 40 LivePremium: Docker

No hay comentarios aún, ¿te animas?

Para escribir comentarios puedes identificarte o suscribirte.