
Vamos a crear un proyecto en Laravel.
Vamos a preparar todo para poder usar Sail con Docker para nuestro proyecto.
Vamos a crear un proyecto Laravel Livewire en entorno Windows.
Vamos a crear un proyecto en Livewire partiendo de un proyecto base de Laravel.
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.
Vamos a crear las migraciones para el proyecto.
Vamos a crear los componentes iniciales.
Vamos a crear las rutas para las categorías.
Vamos a crear los modelos.
Vamos a crear el proceso para crear una categoría.
Vamos a conocer la pantalla de errores de Livewire.
Vamos a presentar otros atributos que tenemos disponibles.
Vamos a realizar pruebas con Livewire.
Vamos a realizar validaciones del lado del servidor y mostrar las mismas en la vista.
Vamos a usar los componentes de Livewire del lado de nuestro componente.
Explicaremos el ciclo de vida de los componentes de Livewire.
Trabajaremos en el apartado de actualizar un registro existente.
Vamos a crear un componente de listado.
Vamos a adaptar la paginación.
Vamos a eliminar una categoría mediante un botón.
Vamos a crear un diálogo de confirmación para eliminar.
Vamos a mostrar un componente para mostrar información sobre las operaciones CRUDs.
Vamos a hacer el upload de una imagen.
Vamos a adaptar el diseño del formulario con el componente de Livewire.
Vamos a crear un componente de carta.
Vamos a definir el header para el layout.
Vamos a crear un contenedor.
Vamos a mejorar la presencia de la tabla.
Vamos a trabajar en un componente de alerta.
Vamos a hacer un box para los diálogos de confirmación.
Vamos a colocar la opción para el menú.
Vamos a realizar un pequeño cambio en el menú anterior.
Vamos a crear el menú para el modo móvil.
Vamos a crear la opción para crear el enlace para la categoría.
Vamos a crear las migraciones para los formularios.
Vamos a crear los componentes de Livewire para los formularios.
Vamos a crear los modelos.
Vamos a crear el formulario para crear el contacto general.
Vamos a crear el formulario para crear el contacto por persona.
Vamos a probar la relación entre general y persona y su inversa.
Vamos a crear el formulario para crear el contacto por empresa.
Vamos a probar la relación entre general y empresa y su inversa.
Vamos a crear el formulario para crear el contacto por detalle.
Vamos a probar la relación entre general y detalle y su inversa.
Vamos a crear los condicionales para manejar un paso o el otro.
Vamos a aprender a renderizar componentes de Livewire desde un archivo blade.
Vamos a conocer la comunicación entre componentes.
Vamos a crear el layout base para la sección de contacto.
Vamos a pasar el diseño a clases.
Vamos a conocer el objeto $wire para trabajar desde el bloque de script en Livewire.
Vamos a realizar una demostración del evento click en Alpine.js y su uso con Livewire.
Vamos a crear el botón para paso atrás.
Vamos a definir el PK del componente padre (general) y se lo pasamos a los hijos.
Vamos a habilitar el proceso de actualización.
Pequeños detalles de CSS.
Vamos a crear el proceso de crear y actualizar.
Vamos a crear el listado de los posts y la opción de eliminar.
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 implementar el queryString de los filtros y campo de búsqueda.
Vamos a crear un filtro por fechas.
Vamos a crear el esquema para la ordenación.
Vamos a crear la estructura para la ordenación de las columnas del listado.
Vamos a acomodar unos aspectos de alineación de los th en la columna.
Vamos a crear reutilizable el componente de ordenación.
Vamos a replicar el esquema de ordenación para las categorías.
Vamos a presentar el uso de los hooks en JavaScript.
Vamos a instalar y configurar CKEditor.
Vamos a realizar la actualización desde la propiedad a CKEditor.
Vamos a conocer otras funciones de JavaScript útiles para el desarrollo.
Vamos a hablar de si podemos usar Node con el JavaScript de Livewire.
Vamos a trabajar con las propiedades del lado del wire:model para diferir las actualizaciones al servidor.
Vamos a presentar las propiedades computadas.
Este es un curso en el cual daremos los primeros pasos con Laravel Livewire, conoceremos los fascinantes componentes y atributos en Livewire para interconectar una clase en Laravel desde una página web en HTML; por lo tanto, no hay necesidad de usar peticiones axios, fetch o similares ya que, la estructura o scaffolding que nos trae Livewire 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 Livewire, qué cambios trae en un proyecto en Laravel básico, el uso de los componentes, propiedades a lo v-model de Vue, llamar a funciones desde una página HTML al servidor mediante atributos de Livewire y mucho más.
¿Qué aprenderemos?
A nivel técnico aprenderás a trabajar con las siguientes características en Laravel Livewire:
Formas de instalar Laravel Livewire.
Estructura del proyecto y que cambia con Laravel básico
Funcionalidades que incorpora Livewire
Esquema basado en peticiones
Componentes de Livewire en detalle
Formularios y los wire:model
Filtros con los wire:model
Primeros pasos con Laravel Livewire.
Componentes de Livewire, botones, nav, formularios…
Manejo de eventos, atributos, directivas y JavaScript de Livewire
Eventos personalizados y de Livewire
Comunicar componentes
Ruteo y navegación de pantallas.
El JavaScript de Livewire y comunicación directa con el servidor.
Eventos
Hooks
Propiedades
Métodos
Listeners
Extender Livewire con plugins en JavaScript
CKEditor
Introducción a Alpine JS
Proyecto de To do List con Alpine.js
Adaptar proyecto en Alpine con Livewire.
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 y comunicación directa con la clase componente.
Carrito de compras.
Proyecto de To do List con Alpine.js y Livewire.
Ventajas de desarrollar en Laravel Livewire 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 Livewire 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.