October 20 - 21, 2021
Vue.js Live Conference
Online

Vue.js London Live 2021

Code / Create / Communicate

Following the expansion of the Vue ecosystem, Vue.js Live Conference has grown from a local Meetup to an international conf. The event will welcome more 5k Vue folks remotely from anywhere in the world. Every participant around the world can access online workshops, fun & networking with stellar Vue people.

Esta edición del evento ha finalizado, las últimas actualizaciones de este JavaScript Conference están disponibles en el sitio web de la marca.
Usando Nitro - Construyendo una Aplicación con el Último Motor de Renderizado de Nuxt
117 min
Usando Nitro - Construyendo una Aplicación con el Último Motor de Renderizado de Nuxt
Top Content
WorkshopFree
Daniel Roe
Daniel Roe
Construiremos un proyecto Nuxt juntos desde cero usando Nitro, el nuevo motor de renderizado de Nuxt, y Nuxt Bridge. Exploraremos algunas de las formas en que puedes usar y desplegar Nitro, mientras construimos una aplicación juntos con algunas de las restricciones del mundo real que enfrentarías al desplegar una aplicación para tu empresa. En el camino, dispara tus preguntas hacia mí y haré lo mejor para responderlas.
Vue3: Desarrollo Moderno de Aplicaciones Frontend
169 min
Vue3: Desarrollo Moderno de Aplicaciones Frontend
Top Content
WorkshopFree
Mikhail Kuznetsov
Mikhail Kuznetsov
Vue3 fue lanzado a mediados de 2020. Además de muchas mejoras y optimizaciones, la principal característica que trae Vue3 es la API de Composición, una nueva forma de escribir y reutilizar código reactivo. Aprendamos más sobre cómo usar la API de Composición de manera eficiente.

Además de las características principales de Vue3, explicaremos ejemplos de cómo usar bibliotecas populares con Vue3.

Tabla de contenidos:
- Introducción a Vue3
- API de Composición
- Bibliotecas principales
- Ecosistema Vue3

Requisitos previos:
IDE de elección (Inellij o VSC) instalado
Nodejs + NPM
Construyendo formularios Vue con VeeValidate
176 min
Construyendo formularios Vue con VeeValidate
Workshop
Abdelrahman Awad
Abdelrahman Awad
En este masterclass, aprenderás cómo usar vee-validate para manejar la validación de formularios, gestionar los valores de los formularios y manejar las presentaciones de manera efectiva. Comenzaremos desde lo básico con un formulario de inicio de sesión simple hasta el uso de la API de composición y la construcción de formularios repetibles y de múltiples pasos.

Tabla de contenidos:
- Introducción a vee-validate
- Construcción de un formulario básico con componentes vee-validate
- Manejo de validación y presentaciones de formularios
- Construcción de componentes de entrada validables con la API de composición
- Arrays de campos e inputs repetibles
- Construcción de un formulario de múltiples pasos
Prerrequisitos:
Configuración de VSCode y un proyecto Vite + Vue vacío.
Construyendo aplicaciones GraphQL de pila completa con Hasura y Vue 3
115 min
Construyendo aplicaciones GraphQL de pila completa con Hasura y Vue 3
WorkshopFree
Gavin Ray
Gavin Ray
El ecosistema frontend avanza a un ritmo frenético. Este masterclass tiene como objetivo equipar a los participantes con una comprensión del estado del ecosistema Vue 3 + GraphQL, explorando ese ecosistema - prácticamente y a través del desarrollo de aplicaciones de pila completa.

Tabla de contenidos
- Los participantes utilizarán Hasura para construir una API GraphQL en tiempo real respaldada por Postgres. Juntos recorreremos su consumo desde un frontend y haremos que el frontend sea reactivo, suscrito a los cambios de datos.
- Además, analizaremos las herramientas comúnmente utilizadas en el stack Vue GraphQL (como Apollo Client y Urql), discutiremos algunas alternativas menos conocidas y abordaremos los problemas frecuentemente encontrados al comenzar.
- Se describirán varios patrones para gestionar datos con estado y sus compensaciones durante el masterclass, y se mostrará una implementación básica para cada patrón discutido.
Nivel del masterclass

NOTA: No se requiere experiencia previa con GraphQL, pero puede ser útil para ayudar a la comprensión. Se cubrirán los fundamentos.
Una Mirada Diferente a la Performance Web
72 min
Una Mirada Diferente a la Performance Web
Workshop
Abhijeet Prasad
Abhijeet Prasad
Resolver los problemas de rendimiento en el front-end puede ser difícil, pero identificar dónde tienes problemas de rendimiento en primer lugar puede ser aún más difícil. En este masterclass, Abhijeet Prasad, ingeniero de software en Sentry.io, profundiza en la investigación de UX, las APIs de rendimiento del navegador y las herramientas de desarrollo para ayudarte a comprender las razones por las que tus aplicaciones Vue pueden ser lentas. Te ayudará a responder preguntas como "¿Qué significa tener un sitio web rápido?" y "¿Cómo sé si mi problema de rendimiento es realmente un problema?". Al recorrer diferentes aplicaciones de ejemplo, podrás aprender cómo utilizar y aprovechar los vitales web principales, las APIs de tiempo de navegación y el seguimiento distribuido para comprender mejor tus problemas de rendimiento.
Construyendo para Web y Nativo con Ionic & Vue
89 min
Construyendo para Web y Nativo con Ionic & Vue
Workshop
Mike Hartington
Mike Hartington
Cuando se construye una aplicación, hay muchas opciones que los desarrolladores deben tomar. ¿Es una aplicación web? ¿Debe ser una aplicación nativa? ¿Qué debo usar para la interfaz de usuario? En este masterclass veremos cómo aprovechar Ionic para construir tu aplicación y cómo implementarla no solo en la web, sino también en nativo.