Grandes empresas como Alibaba y Xiaomi confían en Vue para sus aplicaciones
Capacita a tu equipo en Vue 3 con formación Online y A Medida, con tutor para mejorar despliegues y calidad de código, bonificable por FUNDAE. Pide información.
Aprende Vue 3 desde cero hasta un nivel experto con un enfoque práctico, utilizando TypeScript para construir aplicaciones robustas y mantenibles.
1
Acelera el desarrollo con herramientas modernas como Vite y Vue CLI, optimizando el tiempo y los recursos de tu equipo de desarrollo en cada proyecto.
Personaliza el temario al 100% para tu equipo
Diseñamos una formación a medida utilizando los documentos y flujos de trabajo reales de tu empresa.
Nueva Plataforma de E-learningFormación en directo con plataforma de apoyo para reforzar el aprendizaje
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Programa formativo
Temario del curso
Encuentra todo el temario del curso aquí.
Temario
Configurando Visual Studio Code para desarrollar con Typescript y Vue
¿Qué es Vue?
¿Qué es Vue CLI?
Comandos esenciales de Vue CLI
Options API vs Composition API
Opciones de creación de proyecto y guardado de plantillas
Creando el primer proyecto Vue con Javascript
Creando el primer proyecto Vue y TypeScript
Analizando la arquitectura y los archivos de configuración del proyecto en detalle
Despliegue del proyecto localmente
Configurando Visual Studio Code para desarrollar con Typescript y Vue
¿Qué es Vue?
¿Qué es Vue CLI?
Comandos esenciales de Vue CLI
Options API vs Composition API
Opciones de creación de proyecto y guardado de plantillas
Creando el primer proyecto Vue con Javascript
Creando el primer proyecto Vue y TypeScript
Analizando la arquitectura y los archivos de configuración del proyecto en detalle
Tema 1: Introducción al desarrollo con Vue en Typescript y puesta en marcha
Configurando Visual Studio Code para desarrollar con Typescript y Vue
¿Qué es Vue?
¿Qué es Vue CLI?
Comandos esenciales de Vue CLI
Options API vs Composition API
Opciones de creación de proyecto y guardado de plantillas
Creando el primer proyecto Vue con Javascript
Creando el primer proyecto Vue y TypeScript
Analizando la arquitectura y los archivos de configuración del proyecto en detalle
Despliegue del proyecto localmente
Tema 2: Interacción con el DOM
Las plantillas de Vue
Instancias y sintaxis de las plantillas de Vue
Gestión de datos y binding
¿Qué son las directivas y cómo se usan?
El Re-renderizado
Eventos: Objetos, datos y modificadores
Los eventos de teclado
Uso de código en las plantillas
El binding doble
Las propiedades y la reacción ante los cambios
La escucha activa ante cambios
Uso de clases CSS para dar estilos de manera dinámica
Tema 3: Vite y Vue 3
¿Qué es Vite y cuáles son sus características principales?
Vite en la actualidad y por qué es interesante usar Vite
Instalación y configuración esencial de Vite
Haciendo uso de Vite CLI para crear un proyecto Vue 3 con Typescript
Analizando la estructura del proyecto creado
Scripts y despliegue local del proyecto
Trabajando con Vite en el CWD (Current Working Directory)
Configuraciones de interés y buenas prácticas trabajando con Vite
Tema 4: Componentes
¿Qué es un componente?
Almacenando datos en componentes
Registrando componentes
El componente raíz (root)
Creando componentes
Usando componentes
Buenas prácticas de estructuración del proyecto
Estructuras de carpetas alternativas
¿Cómo se nombran los componentes?
Dando estilos a los componentes
¿Qué son las funciones de composición?
Componentes reutilizables
Tema 5: La comunicación entre componentes
El problema de la comunicación entre componentes
Las Props como método de comunicación vertical descendente
Nombrado de Props
Uso de Props en componentes hijo
Validando las Props de un componente
Los eventos como método de comunicación vertical ascendente
Comprendiendo el flujo unidireccional del flujo de datos
Funciones Callback como método de comunicación
Bus de eventos
Provide / Inject
Tema 6: Renderizado condicional y bucles
El renderizado condicional con v-if
Alternativas a v-if
Renderizado con bucles v-for
Alternativas al utilizar v-for
Bucles sobre objetos literales
V-if con v-for
Detectando cambios en arrays y objetos
Tema 7: Instancias de Vue
Conceptos básicos de la instancia de Vue
Uso de múltiples instancias
Composition API vs Options API
setup()
Métodos de Reactividad
Uso de componentes
Actualización del DOM por parte de Vue
El ciclo de vida de Vue
Tema 8: Manejo de Formularios
¿Qué es el v-model y para qué sirve?
Binding en campos de tipo input
Agrupando datos
Pre-Poblando los inputs de un formulario
Modificadores de inputs
Binding de un textarea y guardado de saltos de línea
Uso de checkboxes y almacenamiento de datos en arrays
Uso de radio buttons
Uso de desplegables
Creando un Custom Control
Enviando un formulario
Tema 9: Mejorando formularios con VeeValidate
¿Qué es VeeValidate y qué versión usar para Vue 3 a día de hoy?
¿Por qué usar VeeValidate?
Instalación y configuración básica para trabajar desde la Composition API de Vue
Creación de un formulario con VeeValidate
Estableciendo valores por defecto
Asociando campos a variables de formulario
Estableciendo el método submit y reset del formulario
¿Cómo incluir validación de campos de formularios VeeValidate?
Validación de campos obligatorios
Validación para campos de texto
Validación para campos numéricos
Validación para campos de tipo checkbox
Validación para desplegables
Validación para campos de fechas
Anidación de campos y validación para arrays o listas
Validación de expresiones regulares
Validación entre campos para confirmación de contraseñas
Accediendo a errores de validación
Mostrando errores al usuario
Deshabilitando campos y botones de un formulario según validación
Formularios multi-step
Validadores globales
Internacionalización con i18n
Plugin DevTools para VeeValidate
Tema 10: Directivas
¿Qué son las directivas?
¿Cómo funcionan las directivas?
Introducción a funciones Hook
Creando una directiva
Pasando valores a directivas personalizadas
Pasando argumentos a directivas personalizadas
Modificando directivas personalizadas
Registrando directivas
Usando múltiples modificadores
Pasando valores complejos a directivas
Directivas interesantes
Tema 11: Composables y Plugins
Reutilización de código.
¿Qué es un composable?
Como crear un composable
Buenas prácticas al crear un composable
Mixins vs Composables
Filtros
¿Qué es un plugin?
Creando un plugin
Tema 12: Routing en Vue
¿Qué es “vue-router” y por qué es necesario?
Configuración de “vue-router”
Configurando y cargando rutas
Modos de enrutado: Hash vs Historial
Router Links
Ruta Activa
Navegación imperativa
Configurando parámetros para las rutas
Obteniendo parámetros de las rutas
Usando parámetros de las rutas
Reaccionando ante cambios en los parámetros de las rutas
Nested Routing – Child Routes
Navegando a las rutas “child”
Dinamizando los Router Links
Named Routes
Usando parámetros Query
Named Router Views
Redireccionamiento
Transiciones entre rutas
Pasando fragmentos Hash
Controlando el comportamiento de Scroll
Router Guards
“beforeEnter” Guards
“beforeLeave” Guards
Carga “lazy” de las rutas
Tema 13: Peticiones HTTP
Llamadas HTTP
Tipos de llamadas HTTP
Códigos de respuesta HTTP
¿Cómo realizar peticiones HTTP en un proyecto Vue?
Introducción a Axios
Axios vs Fetch
Configuración del proyecto
Envío de peticiones HTTP con Axios
Accediendo a las respuestas y su contenido
Controlando errores en las respuestas
Mostrando mensajes al usuario cuando se da un error
Uso de interceptores en Axios
Instancias personalizadas de Axios
Tema 14: Control de rutas y métodos de autenticación
Añadiendo un login
Autenticación con JWT
Enviando el Token al Backend
Autenticación con OAuth
Auth Guards y redirección de rutas
Añadiendo un logout
Tema 15: Responsive Frameworks y librerías de componentes Vue
Frameworks y librerías de componentes
¿Porqué usarlos?
Uso de Bootstrap
Uso de Tailwind
Uso de VueTify
Introducción a Quasar
¿Cuál elegír?
Tema 16: Linting para estadarizar el desarrollo en Vue
Introducción a EsLint y plugin Visual Studio Code
Conguraciones personalizadas
Aplicando reglas
Eliminando reglas
Extendiendo reglas
Ejecutando eslint
Introducción a Prettier
Usando Prettier y EsLint
Tema 17: Estado de la aplicación en Vue con Pinia
El problema del manejo del estado de la aplicación
El concepto de estado centralizado
Introducción y fundamentos de Vuex
Pinia como alternativa actual
Vuex vs Pinia
Tema 18: Despliegue de proyecto Vue
Desplegando a producción
Creación de variables de entorno locales
Creación de builds
Preparación para el despliegue
Netlify
Vercel
Creación de proyecto desde Vercel
Desplegando un proyecto nuevo con Git
Analizando el resultado
Automatizando despliegues a partir de commits a una rama determinada
Perfiles profesionales
Pensado para quienes deben dominar Vue 3 en su día a día
Desarrolladores Frontend
Interesados en llevar sus habilidades al siguiente nivel con Vue 3, enfocándose en la robustez y escalabilidad.
Ingenieros de Software
Desean mejorar la eficiencia del código en proyectos empresariales utilizando lo último en Vue 3 y sus herramientas asociadas.
Equipos de Desarrollo TI
Necesitan capacitarse en Vue 3 para fomentar la innovación en sus productos y servicios digitales.
Programadores Fullstack
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en Vue 3
Explora las respuestas a las preguntas que guian a nuestra comunidad. Aqui encontraras claridad sobre como funciona todo, desde el acceso hasta los detalles de los cursos. Si buscas respuestas, este es el lugar para comenzar.
El curso de Vue 3 te permitirá dominar el framework Vue.js, una de las herramientas más populares para el desarrollo de interfaces de usuario interactivas y modernas. Aprenderás desde los fundamentos hasta técnicas avanzadas, lo que te permitirá crear aplicaciones web eficientes y escalables.
Sí, el curso de Vue 3 es bonificable a través de FUNDAE, permitiendo que las empresas recuperen parte del coste de la formación para sus empleados.
Te ofrecemos la posibilidad de gestionar la bonificación por ti, si así lo deseas, por un coste adicional del 10% del valor del curso + IVA. Este importe también es bonificable hasta el 100% si tu empresa dispone de crédito de formación suficiente.
El curso de Vue 3 se imparte en modalidad online o en aula virtual personalizada, adaptándose a las necesidades de tu empresa y empleados.
Desarrollarás habilidades en la creación de componentes reutilizables, manejo del estado, uso de la CLI de Vue, integración con otras herramientas y frameworks, y en la implementación de mejores prácticas para el desarrollo de aplicaciones web modernas.
Puedes inscribirte en el curso de Vue 3 rellenando los formularios que aparecen en la web. Es un proceso sencillo y rápido que te permitirá reservar tu plaza en el curso.
El curso de Vue 3 te permitirá dominar el framework Vue.js, una de las herramientas más populares para el desarrollo de interfaces de usuario interactivas y modernas. Aprenderás desde los fundamentos hasta técnicas avanzadas, lo que te permitirá crear aplicaciones web eficientes y escalables.
Sí, el curso de Vue 3 es bonificable a través de FUNDAE, permitiendo que las empresas recuperen parte del coste de la formación para sus empleados.
Te ofrecemos la posibilidad de gestionar la bonificación por ti, si así lo deseas, por un coste adicional del 10% del valor del curso + IVA. Este importe también es bonificable hasta el 100% si tu empresa dispone de crédito de formación suficiente.
El curso de Vue 3 se imparte en modalidad online o en aula virtual personalizada, adaptándose a las necesidades de tu empresa y empleados.
Desarrollarás habilidades en la creación de componentes reutilizables, manejo del estado, uso de la CLI de Vue, integración con otras herramientas y frameworks, y en la implementación de mejores prácticas para el desarrollo de aplicaciones web modernas.
Puedes inscribirte en el curso de Vue 3 rellenando los formularios que aparecen en la web. Es un proceso sencillo y rápido que te permitirá reservar tu plaza en el curso.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc
Aumenta la competitividad de tu empresa dominando un framework altamente valorado en la industria tecnológica actual, mejorando la calidad de tus servicios web.
3
Implementa soluciones reales desde el primer módulo, asegurando que tus desarrolladores puedan aplicar sus conocimientos directamente en proyectos de tu empresa.
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Ejercicios prácticos
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Practica y mejora con nuestra plataforma
Una plataforma practica, con IA integrada y pensada para que mejores desarrollando. Se adapta a tu ritmo, te corrige al instante y te muestra tu progreso real.
Correccion magica
Feedback inteligente
Aprende de cada acierto y fallo con explicaciones claras
A continuación te mostramos las próximas convocatorias disponibles de nuestras formaciones online. Si te interesa realizar una formación a medida para un grupo de trabajadores, puedes solicitar un Aula Virtual Personalizada.