Laravel Inertia VUE desde cero

Domina Inertia para crear aplicaciones web SPA eficientes con Laravel y Vue.js, sin la complejidad de las SPAs. Construirás una aplicación desde el inicio hasta su despliegue.

Pre-requisito: Laravel 10 Desde Cero

Suscríbete para acceder a TODOS los cursos.

¡Puedes cancelar en cualquier momento!

o
Laravel Inertia VUE desde cero

Resumen del curso

  • De principiante a experto
  • 2h 01m de video HD
  • 31 lecciones
  • Ejercicios prácticos
  • Nuevas lecciones semanales
  • Acceso de por vida
  • Aprende a tu propio ritmo

Lecciones cortas, concisas y precisas.

No te quemes en búsquedas exhaustivas que te impiden lograr tus metas.

En Aprendible obtienes:

  • Lecciones que optimizan tu aprendizaje en menor tiempo
  • Audios y videos de alta calidad
  • Explicaciones paso a paso, sin rodeos, ni balbuceos.

Construye desde HOY tu camino como Desarrollador Web Moderno

Contenido del curso

2h 01m de contenido, 31 lecciones


1. Introducción al curso Inertia con Vuejs
FREE
01:24

En esta lección te doy la bienvenida al curso de Laravel Inertia con Vuejs y te explico los detalles y requisitos del mismo.

2. Qué es Inertia JS (VUE)
FREE
03:00

En esta lección, vamos a repasar de manera concisa qué es Inertia (Vue.js) y cuáles son las diferencias clave en comparación con una aplicación de Laravel que utiliza Blade como motor de plantillas.

3. Instalación de Laravel Inertia con Vue
FREE
03:53

En esta lección aprendemos el proceso para crear una nueva aplicación de Laravel con Inertia y Vue.js

4. Configuración del proyecto (Vue)
PRO
02:11

En esta lección definimos el modelo, la migración y el controlador resource para nuestro proyecto con Inertia Vue.js

5. Cómo crear páginas con Inertia Vue
PRO
02:07

En esta lección creamos nuestra primera página de Inertia con Vue.js

6. Propiedades de Página (Vue)
PRO
02:00

En esta lección exploramos cómo recibir propiedades de componentes en Vue 3 y aprendemos a pasar variables desde PHP y utilizarlas con Javascript.

7. Estructura de componentes de Inertia Vue
PRO
02:18

En esta lección te explico las principales diferencias entre los componentes de página, de plantilla y componentes en sí.

8. Componentes Layout Vue
PRO
03:23

En esta lección, profundizaremos en los fundamentos relativos a los componentes de Vue que serán empleados como plantillas.

9. Guest & Authenticated Vue Layouts
PRO
02:21

En esta lección exploramos los componentes Layout que vienen con la instalación de Laravel Breeze

10. Layout master en Inertia VUE
PRO
03:26

En esta lección revisamos el Componente de Head, y la plantilla base que se utiliza en todas las páginas de Inertia VUE.

11. Componente Link de Inertia Vue
PRO
03:30

En esta lección exploramos el componente Link de Inertia Vue, que nos permite navegar entre páginas sin necesidad de refrescar la página.

12. Cómo activar links con Inertia Vue
PRO
04:31

En esta lección organizamos los links de navegación móvil y escritorio y aprendemos a detectar la ruta actual para activar y desactivar links.

13. Creando el formulario con Inertia VUE
PRO
01:19

En esta lección agregamos el formulario utilizando clases de Tailwind y componentes de Laravel Breeze.

14. Route Resource con Inertia VUE
PRO
03:06

En esta lección organizamos mejor las rutas y preparamos la ruta post para recibir nuevos registros

15. Cómo enviar formularios con Inertia Vue
PRO
05:00

En esta lección realizamos la conexión entre el componente de Vuejs y el método store del controlador.

16. Manejo de errores con Axios (Vue.js)
PRO
03:51

En esta lección aprendemos a acceder a los errores que nos provee Laravel desde los componentes de Vue.js.

17. Manejo de errores de validación con Inertia Vue
PRO
05:39

En esta lección procesamos y mostramos al usuario los errores de validación que ocurren del lado del servidor utilizando Inertia Vue

18. Manejo de conexiones lentas con Vue
PRO
03:19

En esta lección evitamos la creación de registros duplicados deshabilitando el botón de envío mientras se procesa el formulario con Vue.

19. Utilizando el form helper con Vue
PRO
04:52

En esta lección reestructuramos el envío del formulario utilizando el form helper useForm que nos provee Laravel Inertia Vue

20. Mensajes de sesión con Inertia Vue
PRO
06:01

En esta lección aprendemos a utilizar el middleware que nos trae Inertia Vue para trasladar datos desde el backend al frontend.

21. Listar registros con Vue.js
PRO
06:07

En esta lección mostramos el listado de registros desde la base de datos utilizando Vuejs

22. Utilizando API Resources con Vue
PRO
05:31

En esta lección moldeamos los datos de los modelos utilizando Laravel API Resources para mostrar únicamente los datos que queremos en el lado del cliente (Vue.js).

23. Carga de relaciones con API Resources con Inertia Vue
PRO
02:54

En esta lección creamos un nuevo API Resource para precargar de forma condicional la relación con el usuario utilizando Inertia Vue.

24. Formateo de fechas con Inertia Vue.js
PRO
03:19

En esta lección aprendemos varias formas de formatear fechas desde Javascript con Vue.js y también desde el lado del servidor.

25. Vue Dropdown
PRO
03:20

En esta lección aprendemos a utilizar el componente Dropdown que vino con la instalación de Laravel Breeze en nuestra aplicación de Inertia Vue

26. Componente Formulario reutilizable con Vue
PRO
07:00

En esta lección extraemos el formulario para poderlo reutilizar para crear y para editar registros. También aprendemos a emitir eventos desde un componente hijo hacia el componente padre utilizando Vuejs.

27. Eliminar registros con Vue
PRO
02:33

En esta lección implementamos la funcionalidad para eliminar registros utilizando Link de Intertia Vue

28. Políticas de acceso con Inertia Vue
PRO
05:30

En esta lección aprendemos a utilizar políticas de acceso para controlar quién puede editar y eliminar registros en nuestra aplicación con Inertia Vue

29. Cómo traducir aplicaciones con Inertia Vue
PRO
05:30

En esta lección vemos una forma de utilizar las funcionalidades de traducción de Laravel PHP desde el lado del cliente con Vuejs

30. Función de javascript para traducciones con Vue
PRO
06:52

En esta lección creamos un hook reutilizable para traducir los textos de nuestra aplicación con Laravel Inertia Vue

31. Actualizando a Laravel 11 la app de Inertia Vue
PRO
05:22

En esta lección vemos paso a paso cómo actualizar una aplicación construida con Laravel Inertia Vue

Tu instructor

Jorge García

Jorge García Coello

Aprendible.com

Jorge García es creador de Aprendible.com yDesarrollador Certificado en LaravelA través de su plataforma de aprendizaje y de otras plataformas de estudio, desde 2015 ha ayudado a decenas de miles de desarrolladores a mejorar sus oportunidades dentro del Desarrollo Web.

¿Qué dicen los subscriptores?

¿Aún no estás convencid@?
Mira lo que están diciendo algunos subscriptores de Aprendible.
WOW! Cada vez me impresionas más! Excelente trabajo! Ahora a probarlo
Beto Vásquez
Beto Vásquez
Estos videos son impresionantes, no he visto nada mejor que ello. Un material muy limpio muy claro y profesional.
Kenneth Ruiz
Kenneth Ruiz
Excelente tutorial ! Mil gracias. Como siempre todo muy bien explicado y de una manera sencilla.
Dileydi Ramos
Dileydi Ramos
Muchas gracias Jorge, muy clara la explicación. Gracias por aprendible.com enserio AMO tus videos los AMO.
César Cruz
César Cruz