Aprende Vue 3 desde cero + inertia

Aprende Vue 3 con Inertia en línea. Curso completo para principiantes y experimentados. Tutoriales en vídeo, ejercicios prácticos y proyectos para aprender a crear aplicaciones web dinámicas y rápidas. ¡Inscríbete hoy!

Objetivos del curso

Temario del curso

• Repaso javascript 9 clases

  • Introducción 02:14
  • Diferencia entre var, let y const en javascript 12:02
  • Funciones flecha javascript 05:57
  • Aprende a utilizar template literales en JavaScript 06:01
  • Trabaja con Objetos Literales en JavaScript 06:18
  • Destructuración de objetos en JavaScript 04:31
  • Manejo de Promesas en JavaScript 14:10
  • Promesas con Async/Await en JavaScript 06:33
  • Realiza peticiones HTTP con fetch en JavaScript 08:12
• Introducción Vue 8 clases

  • Instalación y configuración de Vue 3 05:15
  • Interpolación de datos en Vue 3 11:43
  • Eventos y métodos en Vue 3 07:01
  • Utilizando v-model para enlazar datos en Vue 3 11:10
  • Iterando elementos con v-for en Vue 3 10:41
  • Mostrando elementos condicionalmente con v-if, v-else, v-if-else y v-show en Vue 3 12:01
  • Enlazando atributos dinámicamente con v-bind en Vue 3 11:46
  • Trabajando con propiedades computadas en Vue 3 05:32
• Componentes 5 clases

  • Introducción a los componentes en Vue 3 11:58
  • Pasando datos a componentes mediante props 08:46
  • Emisión y manejo de eventos en Vue 3 07:41
  • Emitir eventos II 01:59
  • Utilizando slots en Vue 3 03:51
• Vue CLI 3 clases

  • Instalación y configuración de Vue CLI 09:30
  • Análisis de la estructura del proyecto creado con Vue CLI 12:00
  • Creación del un componente con Vue CLI 12:09
• Vue router 14 clases

  • Instalación y configuración de Vue Router 05:31
  • Análisis del funcionamiento de Vue Router 05:58
  • Creación de nuevas rutas con Vue Router 06:05
  • Rutas con parámetros en Vue 3 07:31
  • Trabajo con múltiples parámetros en rutas en Vue 3 07:20
  • Ruta 404 Not Found en Vue 3 04:50
  • Sintaxis de coincidencia de rutas en Vue 3 07:30
  • Rutas con parámetros opcionales en Vue 3 05:40
  • Uso de rutas anidadas en Vue 3 11:35
  • Configuración de rutas con nombres en Vue 3 09:23
  • Redirecciones de rutas 03:26
  • Recibir parámetros de la URL dentro de props 04:05
  • Diferentes modos history 05:18
  • Ciclos de vida de Vue Router 14:28
• VueX 9 clases

  • ¿Qué es VueX? 03:17
  • Instalación y configuración de VueX 03:16
  • Uso de estados en VueX 11:07
  • Utilización de getters en VueX 07:22
  • Modificaciones de estados con mutaciones en VueX 08:37
  • Modificaciones de estados con mutaciones VueX II 08:26
  • Introducción a las acciones con VueX 13:18
  • Introducción a las acciones con VueX II 07:25
  • Módulos en VueX 24:22
• Consumir una API 13 clases

  • Introducción a la sección: consumir una API en Vue 3 04:40
  • Crear un nuevo proyecto de Vue 3 07:13
  • Mostrar un listado de registros de una API en Vue 3 15:23
  • Mostrar detalles de un registro de una API en Vue 3 07:10
  • Guardar nuevos registros en una API desde Vue 3 11:38
  • Guardar nuevos registros en una API desde Vue 3 II 12:09
  • Eliminar registros de una API desde Vue 3 06:24
  • Editar registros de una API desde Vue 3 12:24
  • Mostrar errores de validación en formularios de Vue 3 09:10
  • Paginación en Vue 3 33:47
  • Paginación II 15:12
  • Filtrar registros en Vue 3 09:06
  • Enviar parámetros en las peticiones a una API desde Vue 3 03:05
• Composition API 2 clases

  • Setup (Composition API) en Vue 3 23:48
  • Composables (Composition API) en Vue 3 06:29
• Autenticación 10 clases

  • Introducción a la autenticación en aplicaciones Vue 3 09:16
  • Creación de rutas de login y registro en una aplicación Vue 3 12:25
  • BaseUrl 06:41
  • Obtención de access tokens en una aplicación Vue 3 con autenticación 06:13
  • Almacenamiento de access tokens en un estado en Vue 3 05:15
  • Almacenamiento de access tokens en LocalStorage en una aplicación Vue 3 14:21
  • Protección de rutas en una aplicación Vue 3 con autenticación 10:25
  • Cierre de sesión en una aplicación Vue 3 con autenticación 04:25
  • Envío de credenciales en una aplicación Vue 3 con autenticación 14:25
  • Restricción de funcionalidades en una aplicación Vue 3 con autenticación 12:58
• Introducción a Inertia 5 clases

  • Introducción a Laravel e Inertia: ¿qué son y cómo se relacionan? 11:11
  • Guía para instalar Inertia con Jetstream en Laravel 12:15
  • Conoce la estructura de un proyecto Inertia en Laravel 07:55
  • Trabajando con rutas y vistas en Inertia 16:14
  • Cómo optimizar tus páginas web con metaetiquetas en Inertia 07:00
• Proyecto 14 clases

  • Presentando el proyecto: crear un DataTables con Inertia 02:25
  • Creando migraciones, modelos y controladores en Laravel con Inertia 08:20
  • Cómo llenar tu base de datos con datos falsos en Laravel e Inertia 08:53
  • Trabajando con asignación masiva de datos en Laravel con Inertia 03:12
  • Creando rutas personalizadas en Laravel con Inertia 13:46
  • Cómo usar plantillas en Inertia para hacer más eficiente tu trabajo 26:01
  • Cómo utilizar el middleware auth en Laravel con Inertia 02:35
  • Pasando parámetros a una vista en Inertia 07:48
  • Cómo listar registros en Laravel con Inertia 17:50
  • Trabajando con paginación en Laravel e Inertia 21:25
  • Cómo implementar un buscador en Laravel con Inertia 31:00
  • Agregar nuevos registros en Laravel con Inertia 34:30
  • ditar registros en Laravel con Inertia 09:37
  • Cómo eliminar registros en Laravel con Inertia 04:10

Requisitos del curso

• Conocimientos básicos de HTML, CSS y JavaScript.
• Acceso a una computadora y conexión a internet estable.
• Familiaridad con Laravel (opcional).
• Disponibilidad de al menos 1-2 horas por semana para dedicar al curso y completar los ejercicios.
• Motivación para aprender y compromiso con el proceso de formación.

Descripción