
Vamos a crear un proyecto en Laravel.
Vamos a crear un proyecto Laravel Livewire en entorno Windows.
Vamos a subir el proyecto a git.
Vamos a presentar que es lo que tenemos en detalle, el proyecto, sus características y cómo funciona.
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 las migraciones que usaremos a lo largo de las secciones.
Vamos a crear realizar una demostración sobre las rutas en Inertia y su funcionamiento con las rutas de Laravel.
Vamos a crear el primer formulario.
Vamos a crear el proceso para crear una categoría.
Vamos a realizar validaciones sobre el formulario.
Vamos a configurar el layout de la aplicación.
Vamos a ver cuales son los componentes de Inertia disponibles.
Vamos a reutilizar componentes existentes para mejorar el diseño de la aplicación.
Últimos detalles del formulario.
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 el validation.
Vamos a crear un listado inicial de registros.
Vamos a crear enlaces para crear y editar.
Vamos a crear un listado paginado.
Vamos a conocer el funcionamiento de la barra de progreso.
Vamos a agregar un poco más de estilo para el listado.
Vamos a crear un contenedor para la aplicación.
Crearemos el componente típico de carta.
Vamos a mejorar el diseño del componente de paginación y botones de acción.
Vamos a dar algo de estilo para los enlaces de acción del listado.
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 dar algo de estilo a la caja del componente de flash message.
Vamos a replicar el esquema existente para crear categorías, para los post.
Vamos a terminar el proceso de creación y creación de una categoría.
Vamos a obtener el listado de post.
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.
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 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 los post.
Replicamos el esquema de eliminación anterior para las categorías.
Definimos un CSS para acomodar el diálogo de Oruga.
Presentaremos los modales de Inertia.
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 layout del formulario paso por paso.
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 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 realizar pruebas con el mecanismo que permite generar datos globales.
Vamos a crear la función de ayuda que genera el paso actual.
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.
Vamos a pasar el contacto general al resto de los pasos.
Vamos a pasar un parámetro adicional para manejar el back desde detalle al formulario correcto.
Vamos a crear seeders para generar datos de pruebas para los posts.
Vamos a crear la opción de los filtros para los seleccionables.
Vamos a crear un campo de búsqueda para varios campos.
Vamos a crear un filtro por fechas.
Vamos a colocar los valores de los props en el componente de Vue.
Vamos a realizar algunos cambios en la tabla.
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.
Este es un curso en el cual daremos los primeros pasos con Laravel Inertia, 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.