
Vamos a crear un proyecto Laravel Livewire 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 presentar que es lo que tenemos en detalle, el proyecto, sus características y cómo funciona.
Hablamos sobre un paquete que era el núcleo de Livewire hasta la versión 11
Como regalo por adquirir este curso, tienes acceso a una versión gratis del libro completo para que puedas usarlo como soporte con los primeros capítulos.
Vamos a crear las migraciones para el proyecto.
Vamos a crear los modelos.
Vamos a crear los componentes iniciales.
Vamos a crear las rutas para las categorías.
Veremos como solucionar el error anterior en caso de que te ocurra.
Vamos a crear el proceso para crear una categoría.
Adaptaremos el formulario a los componentes de Flux.
Vamos a presentar otros atributos que tenemos disponibles.
Vamos a realizar validaciones del lado del servidor y mostrar las mismas en la vista.
Vamos a mostrar los errores de formulario.
Vamos a realizar algunas pruebas para entender cómo Livewire mantiene actualizado su estado.
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 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 mostrar la imagen por pantalla cargada
Vamos a presentar el uso de componentes para reutilizar en nuestro propios componentes.
Vamos a hacer un box para los diálogos de confirmación.
Vamos a colocar la opción para el menú.
Vamos a crear la opción para crear el enlace para la categoría.
Vamos a crear un enlace para crear una categoría.
Vamos a crear la cabecera para el formulario.
Terminamos la implementación para eliminar un registro mediante un modal.
Haremos una demo de como usar Volt convirtiendo el listado.
Veremos cómo crear un diálogo de confirmación mediante un atributo.
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 aplicar las validaciones mediante atributos
Vamos a crear el formulario para crear el contacto por persona.
Vamos a crear el formulario para crear el contacto por empresa.
Vamos a crear el formulario para crear el contacto por detalle.
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 crear el diseño para mostrar el paso actual.
Vamos a dar una introducción a Alpine y su importancia con Livewire.
Vamos a conocer el objeto $wire para trabajar desde el bloque de script en Livewire.
Vamos a definir el PK del componente padre (general) y se lo pasamos a los hijos.
Vamos a realizar el proceso para guardar los comentarios en la base de datos.
Hablaremos sobre los eventos padre a hijos y el uso de propiedades en los componentes
Vamos a crear el botón para paso atrás.
Vamos a crear una ruta para poder actualizar el formulario desde el paso general.
Vamos a implementar una redirección a editar al momento de crear un formulario general
Pequeños detalles de CSS.
Haremos una demo de como usar Volt convirtiendo el componente de guardado.
Vamos a crear el proceso de crear y actualizar
Vamos a crear el listado de los posts y la opción de eliminar
Haremos una demo de como usar Volt convirtiendo el componente de guardado.
Vamos a conocer como podemos simplificar el manejo del formulario creando una clase formulario
Veamos otro modificador para enviar los datos de un wire:model cuando el campo pierda el foco.
Vamos a crear seeders para generar datos de pruebas para los posts
Aplicaremos algunos cambios a la tabla
Vamos a crear la opción de los filtros para los seleccionables.
Crearemos los campos HTML y aplicaremos el filtro.
Vamos a crear un campo de búsqueda para varios campos.
Vamos a crear un filtro por fechas.
Vamos a implementar el queryString de los filtros y campo de búsqueda.
Vamos a ver una demostración de empleando new Post en vez de una consulta con el where.
Vamos a reemplazar el filtro actual con el uso de los when.
Vamos a crear un enlace para limpiar el filtro.
Vamos a crear la estructura para la ordenación de las columnas del listado.
Vamos a crear reutilizable el componente de ordenación.
Vamos a crear un enlace para limpiar el filtro.
Vamos a presentar el uso de los hooks en JavaScript.
Vamos a conocer el plugin y obtenerlo.
Vamos a evitar que el CKEditor se vea afectado por las actualizaciones de Livewire.
Vamos a conocer como obtener el HTML generado por CKEditor y un evento para los cambios.
Vamos a establecer el contenido por defecto al CKEditor.
Vamos a aplicar un CSS al editor para que que se distinga los elementos Hx y listados.
Vamos a hablar de si podemos usar Node con el JavaScript de Livewire.
Hablaremos sobre algunas propiedades antiguas para diferir la actualización de las propiedades desde la vista.
Vamos a presentar las propiedades computadas.
Vamos a conocer otras características de las propiedades
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.