Laravel 12 Vue Inertia + CRUD Component DataTable & Form

Daremos inicio a la Creación de nuestro proyecto, desde Consola.

Tu muestro los Plugin que estoy usando en mi Visual Studio Code.

Actualizamos las variables de entorno desde el .env, conectando a nuestra BD MySql y correremos nuestra app con composer dev

Aprenderás cómo crear una URL Local personalizada, usando XAMPP.

Veremos cómo cambiar la página Index que por default enruta Laravel 12, para que nos lleve por default al Login form.

Veremos las plantillas o templates que nos ofrece laravel 12 y sabremos cómo cambiarlas.

Nos daremos de alta en nuestra aplicación, creando un nuevo usuario.

Veremos las nuevas plantillas (2) que nos ofrece Laravel 12 para nuestro menú de opciones.

Aprenderemos cómo cambiar el idioma de los mensajes propios de Laravel 12, los cuales vienen por default en Inglés, veremos cómo cambiar de Inglés a Español u otro idioma.

Daremos inicio a la creación de nuestro CRUD, en el que todo comienza con un botón en el menú.

Crearemos nuestros archivos desde composer: model, controller, seeder, factory, request etc.

Correremos nuestra migración, con nuestra tabla y/o Modelo Categoria agregando nuevos campos (columnas).

Es importante contar don datos de prueba en nuestras tablas, para ello Laravel nos ofrece una poderosa y eficiente herramienta que conoceremos.

Crearemos nuestra primera ruta desde el archivo web.php (routes) laravel, lo que nos llevará a nuestro Index.

Crearemos nuestra página Index y enviaremos desde el Controlador, nuestros datos de BD.

Comenzamos con nuestro primer CRUD: el READ, donde veremos cómo mostrar nuestros datos desde los props.

Instalaremos nuestro componente DataTable, el cual es vital para nuestro Index, ya que muestra nuestros datos, nuestra tabla.

Parte 1 de 3, de nuestra implementación de DataTable, probaremos primero con datos de prueba, que hacen parte del código demo del componente.

Parte 2 de 3, de nuestra implementación de DataTable, probaremos ahora con datos propios provenientes de nuestro modelo.

Parte 3, parte final de nuestra implementación de DataTable, donde haremos algunas mejoras en su apariencia.

Agregaremos nuestras rutas faltantes al web.php, así mismo agregaremos nuestros íconos/botones para el Edit y el Delete desde nuestra DataTable.

Ahora programaremos nuestros íconos/botones para el Edit y el Delete desde nuestra DataTable. Es nuestro video más largo.

Para mí, una de las mejores partes de nuestro Curso: la creación del Componente FORM que podremos reutilizar para Crear y Editar la información de nuestra BD sin tener que Crear 2 veces los nuevos campos. Es nuestro cuarto video más largo.

Veremos el uso e implementación del método Store desde nuestro Controlador (parte 1 de 3), el cual recibe los datos desde el Front e inserta a nuestra BD.

Veremos el uso e implementación del método Store desde nuestro Controlador (parte 2 de 3), el cual recibe los datos desde el Front e inserta a nuestra BD.

Veremos la parte Final de método Store desde nuestro Controlador, terminando con éxito el insert de datos anuestra BD.

Veremos el uso e implementación del método Update desde nuestro Controlador (parte 1 de 2), el cual recibe los datos desde el Front y los actualiza en nuestra BD.

Veremos el final de nuestra implementación del método Update desde nuestro Controlador, en el cual lograremos el Update en nuestra BD.

El método más sencillo: el Delete, con el cual terminamos técnicamente nuestro CRUD.

Nuestro segundo video más largo, lo cual lo hace bastante interesante. Ya que aprendemos cómo generar Alertas temporales y programables (en tiempo) para mostrar al Cliente cuando haya hecho un Create o un Update.

Muchas gracias por haber adquirido éste Curso. El Señor les bendiga, les multiplique su inversión y les retorne en salud, alegría, conocimiento y trabajo!
Nos veremos en otro momento.