Primeros pasos Laravel 11 con Livewire 3
Primeros pasos Laravel 11 con Livewire 3
Aquí continúa tu camino en el desarrollo de aplicaciones web en Laravel con Livewire
Sobre el Libro
Este libro está dirigido a cualquiera que quiera comenzar a desarrollar con Laravel Livewire en el desarrollo de aplicaciones basadas en componentes de Laravel con algunos agregados que permiten la comunicación directa entre el servidor y el cliente.
Laravel Livewire lleva el desarrollo de Laravel un poco más allá; automatizando procesos rutinarios en esquemas muy flexibles en base a componentes, los componentes de Livewire que nos permite comunicar cliente y servidor de una manera muy simple, eficiente y sencilla.
Laravel Livewire no es un framework, es solamente una capa o scaffolding que agrega ciertas características extras al framework que podemos utilizar para crear grandes aplicaciones, con menos esfuerzo y tiempo de desarrollo.
Mapa
Este libro esta actualmente en desarrollo y tiene un total de 16 capítulos que consta de explicaciones y prácticas:
Capitulos:
- Vamos a dar una breve introducción sobre Laravel Livewire.
- Vamos a crear nuestro proyecto en Laravel Livewire.
- Presentamos las características con las cuales cuenta un proyecto creado en Laravel Livewire; manejo de equipos, API Tokens, y autenticación, son algunas de ellas.
- Vamos a crear una aplicación tipo CRUD sencilla y conocer todos los elementos propios de Livewire como, manejo de formularios, vistas y directivas mediante los componentes de Livewire.
- Vamos a trabajar en el estilo, mejorando la aplicación creada para que luzca como un módulo más de Laravel Livewire.
- Vamos a conocer la comunicación entre componentes de Livewire en base a eventos; detectar cambios en propiedades de la clase componente desde la vista y conocer el JavaScript de Laravel Livewire.
- Vamos a crear el CRUD para los posts.
- Vamos a crear filtros y campos de búsquedas para un listado aprovechando las bondades de Livewire.
- Vamos a crear campos de ordenación para el listado por las columnas.
- Vamos a conocer todo lo que nos ofrece en JavaScript de Livewire y combinarlo con otros plugins, conoceremos los hooks en JavaScript, consumir propiedades, funciones y uso de los eventos.
- Vamos a conocer algunas características extras de las propiedades de Laravel Livewire, como personalizar la fase de actualización de los wire:model, como el uso de las propiedades computadas.
- Vamos a crear una sencilla aplicación tipo blog con un listado con filtros y campos de búsqueda y detalle.
- Vamos a crear un carrito de compras en la sesión y base de datos, para el cual, veremos comunicación entre componentes, envío de eventos, plugin de tipo toast para mostrar mensajes de confirmación de operación realizada, con escuchadores de los eventos desde JavaScript.
- Vamos a mostrar el código de una aplicación creada con Alpine.js para crear un componente tipo to do list.
- Vamos a adaptar la aplicación en Alpine.js presentada en el anterior capítulo, para que funcione en conjunto con Livewire.
- Conoceremos cómo crear pruebas unitarias y de integración en la aplicación que creamos anteriormente mediante PHPUnit.
Al terminar el libro, tendrá los conocimientos necesarios para crear aplicacions de manera fluida en Laravel Livewire y como abordar con una idea clara posibles soluciones y evaluar si Livewire se ajusta a los requerimientos de tu proyecto.
Te invito que visites mi web:
desarrollolibre.net
Y conozmás mi trabajo.
Traducciones
Índice
- Primeros pasos con Laravel Livewire
- ¡Tuitea sobre el libro!
- Sobre el autor
- Copyright
- Mapa
-
Capítulo 1: Sobre Laravel Livewire
- ¿Qué nos ofrece Livewire?
-
Capítulo 2: Crear un proyecto
- Crear el proyecto en Laravel Livewire en MacOS o Linux
- Crear el proyecto en Laravel Livewire en Windows
- Segunda forma de instalar Laravel Livewire
-
Capítulo 3: Características de un proyecto Livewire
- Laravel Fortify
- Opciones
- Estructura del proyecto
- Publicar vistas
-
Capítulo 4: Introducción a los Componentes de Livewire
- Migraciones
- Modelos
- Componentes
- Definir rutas:
- Pruebas con un Componente
- Componente para crear una categoría
- Referencias de las directivas wire:x
- Peticiones al servidor desde Livewire
- Validar formularios
- Reutilizar componentes de Livewire
- Ciclo de vida de un componente
- Actualizar un registro
- Listado
- Eliminar
-
Capítulo 5: Componentes y estilos
- Formulario
- Tabla
- Carta
- Header del layout
- Container
- Diálogo de alerta para eliminar: Componente de confirmación
- Mensaje de acción realizada
- Menú: Componente Dropdown (Modo PC)
- Menú: Componente Dropdown (Modo Móvil)
- Enlace para crear una categoría
-
Capítulo 6: Comunicación en componentes
- Crear migraciones
- Componentes de Livewire
- Modelos
- Migraciones
- Formulario para crear un contacto general
- Formulario para crear un contacto por persona
- Formulario para crear un contacto por empresa
- Formulario para crear un contacto por detalle
- Lógica inicial del formulario paso por paso
- Directiva @livewire para renderizar componentes
- Eventos: Comunicación entre componentes
- Definir layout
- Diseño para el paso por paso
- Objeto $wire
- Paso 3:
- Comunicación padre a hijos: Enviar el id del contacto general a los componentes hijos
- Habilitar el guardado en los componentes hijos
- Cargar data del contacto registrado
- Detalles finales de estilos
-
Capítulo 7: CRUD para los posts
- Cambios generales
- Guardar y editar
- Listado
-
Capítulo 8: Filtros y campos de búsqueda
- Cambios en la tabla
- Seeders para los posts
- Filtros para categorías, posteados y tipos
- Campo de búsqueda para id, título y descripción
- Filtrar por rango de fecha
-
Capítulo 9: Campos de ordenación
- Traits y componentes de Livewire para reutilizar código
-
Capítulo 10: JavaScript de Livewire
- Introducción a los Hooks en JavaScript
- Acceso a las propiedades desde JavaScript y CKEditor
- Resumen
-
Capítulo 11: Propiedades de Livewire
- Diferir actualización para los wire:model
- Propiedades computadas
-
Capítulo 12: Web simple de Blog
- Rutas
- Modelo
- Layout para la web
- Listado de Post
- Detalle del Post
-
Capítulo 13: Carrito de compras, estructura inicial
- Esquema general
- Componente de ítem
- Cambios en el componente de carrito
- Replicar el carrito de compra en la base de datos
- Mostrar un mensaje al realizar acciones sobre el carrito
- Botón para mostrar la cantidad total de ítems
- Conclusiones
Garantía de satisfacción 100% de Leanpub por 60 días
Durante los 60 días posteriores a la compra, puedes obtener un reembolso del 100% en cualquier compra de Leanpub, en dos clics.
Técnicamente, esto es arriesgado para nosotros, ya que tendrás los archivos del libro o curso de cualquier manera. Pero estamos tan seguros de nuestros productos y servicios, y de nuestros autores y lectores, que nos complace ofrecer una garantía de devolución total del dinero para todo lo que vendemos.
Solo puedes descubrir qué tan bueno es algo probándolo, y debido a nuestra garantía de devolución del 100% del dinero, ¡literalmente no hay riesgo al hacerlo!
Entonces, no hay razón para no hacer clic en el botón Agregar al carrito, ¿verdad?
Ver términos completos...
Gane $8 por una compra de $10, y $16 por una compra de $20
Pagamos regalías del 80% en compras de $7.99 o más, y regalías del 80% menos una tarifa fija de 50 centavos en compras entre $0.99 y $7.98. Usted gana $8 en una venta de $10, y $16 en una venta de $20. Así que, si vendemos 5000 copias no reembolsadas de su libro por $20, usted ganará $80,000.
(Sí, algunos autores ya han ganado mucho más que eso en Leanpub.)
De hecho, los autores han ganadomás de $14 millones escribiendo, publicando y vendiendo en Leanpub.
Aprenda más sobre escribir en Leanpub
Actualizaciones gratuitas. Sin DRM.
¡Si compras un libro de Leanpub, recibirás actualizaciones gratuitas mientras el autor actualice el libro! Muchos autores utilizan Leanpub para publicar sus libros mientras los escriben. Todos los lectores reciben actualizaciones gratuitas, sin importar cuándo compraron el libro o cuánto pagaron (incluso si fue gratis).
La mayoría de los libros de Leanpub están disponibles en PDF (para computadoras) y EPUB (para teléfonos, tabletas y Kindle). Los formatos incluidos en un libro se muestran en la esquina superior derecha de esta página.
Finalmente, los libros de Leanpub no tienen ninguna protección DRM sin sentido, por lo que puedes leerlos fácilmente en cualquier dispositivo compatible.
Aprende más sobre los formatos de ebook de Leanpub y dónde leerlos