
Vamos a crear un proyecto Laravel Inertia en entorno Windows (MacOS).
Vamos a presentar que es lo que tenemos en detalle, el proyecto, sus características y cómo funciona.
Vamos a hablar sobre el paquete que estaba disponible hasta la versión 12.
Vamos a hablar sobre las nuevas características que tenemos en Inertia
Daremos una presentación al funcionamiento y uso de las rutas.
Vamos a crear los modelos y controladores que usaremos a lo largo de las secciones.
Vamos a crear el primer formulario.
Vamos a crear la categoría en la base de datos
Vamos a realizar validaciones sobre el formulario.
Vamos a reutilizar componentes existentes para mejorar el diseño de la aplicación.
Últimos detalles del formulario, grid y padding.
Vamos a configurar el layout de la aplicación.
Hablaremos del componente de las migajas de pan.
Vamos a crear el apartado de edición.
Vamos a actualizar un registro en la base de datos desde Laravel.
Vamos a generar el slug desde de validación.
Vamos a crear un listado inicial de registros.
Vamos a crear enlaces para crear y editar.
Vamos a crear un listado paginado.
Vamos a crear un componente de paginación personalizado.
Vamos a conocer el funcionamiento de la barra de progreso.
Vamos a mejorar el diseño de los enlaces del listado
Vamos a crear un contenedor para la aplicación.
Crearemos el componente típico de carta.
Componente de paginación y botones de acción.
Vamos a realizar el proceso de eliminar el registro desde el listado.
Vamos a cambiar de un enlace a un botón en el enlace de eliminar.
Vamos a conocer cómo emplear las redirecciones junto con Inertia.
Vamos a crear un mensaje flash para mostrar en inertia.
Vamos a colocar un bloque de transition para los mensajes flash.
Vamos a replicar el esquema existente para crear categorías, para los post.
Vamos a terminar el proceso de creación.
Vamos a obtener el listado de post.
Vamos a terminar el proceso de edición.
Vamos a fusionar el proceso de editar y crear en un solo componente de vista.
Haremos una demostración de habilitar TypeScript en un componente en Vue
Vamos a ver el esquema por defecto al momento de hacer un upload.
Vamos a combinar el upload con la carga de archivos.
Vamos a adaptar el formulario de upload para crear y editar.
Vamos a definir las configuraciones para usar Oruga UI en el proyecto.
Vamos a conocer cómo extender Inertia con otros frameworks.
Vamos a conocer el proceso de upload.
Vamos a mostrar la imagen cargada.
Vamos a crear una función de upload.
Vamos a mostrar el proceso de descarga.
Instalaremos y usaremos CKEditor en el proyecto.
Vamos a agregar un CSS para el CKEditor.
Creamos un sencillo esquema de eliminación para las categorías.
Replicamos el esquema de eliminación anterior para los posts.
Presentaremos los modales de Inertia.
Vamos a implementar el modal para eliminar
Vamos a crear las migraciones para los formularios.
Vamos a crear los modelos.
Crear controlador, validaciones y ruta.
Vamos a crear el esquema para poder crear el contacto.
Vamos a crear el esquema para poder actualizar el contacto.
Vamos a crear el esquema para poder crear el contacto para el paso 2.
Vamos a crear el esquema para poder crear el contacto para el paso 2.
Vamos a crear el esquema para poder crear el contacto para el paso 2.
Vamos a crear el esquema para poder crear el contacto para el paso 3.
Vamos a presentar como vamos a aplicar el formulario paso por paso.
Vamos a integrar el primer paso en el componente de Step.
Vamos a integrar el segundo paso en el componente de Step.
Vamos a integrar el segundo paso en el componente de Step.
Vamos a integrar el tercer paso en el componente de Step.
Vamos a conocer algunos mecanismos para crear propiedades globales.
Vamos a crear la función de ayuda que genera el paso actual.
Vamos a ver el problema que existe que al existir campos en el paso por paso con el mismo nombre, aparecen los errores en los formularios que tengan el mismo nombre.
Vamos a definir los valores que debe de tener la propiedad de step.
Vamos a crear un sencillo estilo para mostrar el paso por paso.
Vamos a mostrar el formulario que corresponde al paso.
Vamos a crear la opción de paso anterior.
Par metro de contacto general para los paso por paso
Vamos a colocar algunas columnas adicionales para la tabla del listado de publicaciones.
Vamos a crear seeders para generar datos de pruebas para los posts.
Vamos a crear un campo de búsqueda para varios campos.
Vamos a crear los selects en el componente de Vue para los elementos del formulario para el filtro.
Vamos a terminar de implementar del filtro
Vamos a crear un filtro por fechas
Vamos a colocar los valores de los props en el componente de Vue.
Vamos a crear los selects en el componente de Vue para los elementos del formulario para el filtro.
Vamos a enviar los datos sin usar un botón.
Vamos a realizar un retardo al momento de escribir en el campo de tipo búsqueda.
Vamos a aplicar los filtros definidos antes empleando los whens, que es la manera predefinida en Laravel.
Este es un curso en el cual daremos los primeros pasos con Laravel Inertia (fue actualizado de Laravel 9 a Laravel 10, las secciones claves), conoceremos los fascinantes componentes en Vue para comunicar componentes de Vue directamente desde Laravel, por lo tanto, no hay necesidad de usar peticiones axios, fetch o similares ya que, la estructura o scaffolding que nos trae Inertia se encarga de todo; trayendo un mundo de posibilidades infinitas y un desarrollo rápido en comparación de otras soluciones similares con el esquema clásico de:
Laravel + Rest Api + Vue
Este curso al ser de nivel intermedio, da por hecho que tienes conocimientos en Laravel básico.
En definitiva, aprenderás a conocer Laravel Inertia, qué cambios trae en un proyecto en Laravel básico, el uso de sus componentes y el uso de Inertia para comunicar una tecnología del servidor como Laravel, con una tecnología del cliente como lo es Vue.
¿Qué aprenderemos?
A nivel técnico aprenderás a trabajar con las siguientes características en Laravel Inertia:
Formas de instalar Laravel Inertia.
Estructura del proyecto y que cambia con Laravel básico.
Funcionalidades que incorpora Inertia.
Peticiones de Inertia.
Componentes de Inertia en detalle al igual que funcionalidades básicas.
Formularios y funciones.
Filtros con los componentes en Vue.
Primeros pasos con Laravel Vue.
Componentes de Inertia, botones, nav, formularios…
Manejo de eventos, y comunicación de Vue con Laravel.
Comunicar componentes.
Compartir datos desde Laravel a Vue.
Ruteo y navegación de pantallas.
Extender Inertia con plugins en JavaScript:
CKEditor
Oruga UI
Introducción a Vue.
Proyecto de To do List con Vue y Laravel.
Proyectos o aplicaciones
Vamos a crear varios módulos en una aplicación como:
Aplicación tipo CRUD.
Formulario paso por paso.
Formulario con CKEditor.
Carrito de compras.
Proyecto de To do List.
Ventajas de desarrollar en Laravel Inertia y de tomar este curso
Es estupendo para crear aplicaciones cuando requieres comunicar frecuentemente el cliente con el servidor.
Gracias a Laravel ofrece una excelente organización, es un framework rápido, potente, con librerías y helpers listas para usar y extensible con paquetes y librerías de terceros y propios del framework; a su vez.
Es ideal para crear aplicaciones reales mantenibles y escalables.
Aprenderás a desarrollar apps de manera organizada en Laravel Inertia en combinación de otras tecnologías.
En el curso abordaremos los puntos anteriores de una manera organizada y de manera básica e ir profundizando de a poco en cada uno de estos elementos.