Saltar al contenido

file_download
Proyecto final
N/A
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
2 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
12 minutos
play_circle_outline
vista previa
3 minutos
play_circle_outline
vista previa
7 minutos
play_circle_outline
vista previa
8 minutos
play_circle_outline
vista previa
8 minutos
play_circle_outline
vista previa
11 minutos
play_circle_outline
vista previa
9 minutos
play_circle_outline
Filtro de categorías de productos con Livewire
7 minutos
play_circle_outline
Iniciar la lógica de filtros al componente ProductList
7 minutos
play_circle_outline
Obtener los productos sin filtrar y debug con ray
9 minutos
play_circle_outline
Iniciar la lógica para aplicar búsquedas con filtros reutilizables
8 minutos
play_circle_outline
Aplicar el patrón de diseño Pipeline a la búsqueda de productos
6 minutos
play_circle_outline
Escuchar eventos al aplicar filtros en el listado de productos
6 minutos
play_circle_outline
Restablecer los filtros del listado de productos
7 minutos
play_circle_outline
Filtro para limitar los resultados
6 minutos
play_circle_outline
Filtro de búsqueda por texto libre
7 minutos
play_circle_outline
Filtro por rango de precios
8 minutos
play_circle_outline
Filtro por rating
8 minutos
play_circle_outline
Filtro por colores
4 minutos
play_circle_outline
Filtro por tamaños
4 minutos
play_circle_outline
Filtro por marcas
5 minutos

file_download
Proyecto final
N/A
play_circle_outline
vista previa
4 minutos
play_circle_outline
Explicación inicial
12 minutos
play_circle_outline
Crear proyecto e instalar dependencias
2 minutos
play_circle_outline
Modelo de datos
5 minutos
play_circle_outline
Iniciar la lógica del listado de tareas
6 minutos
play_circle_outline
Desarrollar el componente TodoList con Livewire
8 minutos
play_circle_outline
Componente CreateTodo para crear tareas
10 minutos
play_circle_outline
Lógica para marcar tareas como completadas y no completas
2 minutos
play_circle_outline
Componente UpdateTodo para actualizar tareas
11 minutos
play_circle_outline
Lógica para eliminar tareas con un modal de confirmación
10 minutos
play_circle_outline
Añadir validación al componente CreateTodo
7 minutos
play_circle_outline
Añadir validación al componente UpdateTodo
3 minutos
play_circle_outline
Crear un componente de formulario reutilizable para crear y actualizar
6 minutos
play_circle_outline
Refactorizar el componente CreateTodo para utilizar el nuevo formulario
3 minutos
play_circle_outline
Refactorizar el componente UpdateTodo para utilizar el nuevo formulario
4 minutos
play_circle_outline
Refactorizar y unificar la vista del formulario de tareas
4 minutos
play_circle_outline
Test componente TodoList vacío
8 minutos
play_circle_outline
Test componente TodoList con tareas
4 minutos
play_circle_outline
Test paginación componente TodoList
6 minutos
play_circle_outline
Test toggle componente TodoList
3 minutos
play_circle_outline
Test eliminar tareas componente TodoList
5 minutos
play_circle_outline
Test componente CreateTodo vacío
3 minutos
play_circle_outline
Test validación componente CreateTodo
4 minutos
play_circle_outline
Test crear tareas componente CreateTodo
3 minutos
play_circle_outline
Test componente UpdateTodo vacío (finalízalo tú)
4 minutos
Vídeo de introducción Curso práctico de Laravel Livewire 3
play_circle_filled

Desbloquea el curso

starVer planes de suscripción
school

¿Qué aprenderás?

Laravel Livewire 3 nos permite desarrollar interfaces de usuario interactivas, reactivas, poderosas, y lo mejor de todo, de forma fácil y sencilla. En este curso aprenderás todo lo que necesitas para dominar Laravel Livewire 3 a través de ejemplos prácticos.

El curso estará segmentado en diferentes desarrollos, la idea es ir añadiendo nuevos desarrollos para ir aprendiendo nuevas características de Laravel Livewire 3.

Laravel Filament 3 utiliza Laravel Livewire 3, y ya tenemos 7 cursos con 10 horas de contenido en la ruta, la idea es que con la combinación de la ruta de Laravel Filament 3 y este curso tengas todas las herramientas necesarias para desarrollar tus paneles administrativos y frontales haciendo uso de Laravel Livewire 3, pero sobretodo, con código limpio, fácil de mantener, escalable y reutilizable.

Listado de productos (E-commerce)

El primer desarrollo de este curso será algo bien interesante, un listado de productos con filtros, buscador, limitación y paginación, un todo en una página, algo muy típico de una página de productos, como la de Amazon por ejemplo.

La arquitectura de nuestro proyecto será la siguiente:

  • Página principal donde definiremos el layout de nuestra página de productos.

  • Componente base Filter del que extenderá cada filtro.

  • Traits para filtros con múltiples opciones o con una sola opción.

  • Clases de Filtros para establecer búsquedas con Eloquent.

  • Filtrado con Eloquent aplicando el patrón Pipeline.

La idea es no tener código esparcido por todos lados, en lugar de eso, crearemos pequeñas piezas de código para cada tarea que debamos desarrollar.

Los filtros que permitiremos serán los siguientes:

  • Búsqueda por rango de precios (min-max).

  • Búsqueda por múltiples categorías.

  • Búsquedas por múltiples marcas.

  • Búsquedas por múltiples tamaños/tallas.

  • Búsquedas por múltiples colores.

  • Búsqueda por texto libre a través del nombre del producto.

  • Búsqueda por valoración de productos, 1 o más estrellas, 5 estrellas etc.

  • Filtro para limitar el número de resultados mostrados en cada página.

Además de los filtros anteriores, que no son pocos, también añadiremos un botón que nos permitirá restablecer todos los filtros haciendo uso de los eventos de Laravel Livewire 3, algo súper interesante.

Introducción al trabajo con formularios + tests con Pest Framework

El segundo desarrollo trata acerca de un CRUD completo de tareas donde pondremos el foco en el trabajo con formularios. La idea será aprender a trabajar con formularios en Livewire 3 para crear y actualizar, pero no sólo eso, por el camino, también veremos otros temas interesantes, como el trabajo con modales, eventos y listeners.

Para entender bien cómo funcionan los formularios en Livewire 3, llevaremos este desarrollo a través de un proceso de refactorización. Para ello, empezaremos por hacer que las cosas funcionen, para más adelante, hacerlo de la mejor forma, este proceso de refactorización te ayudará a comprender cómo podemos hacer buen uso de Laravel Livewire y las distintas formas que tenemos de hacer las cosas.

Una vez hayamos finalizado nuestro CRUD, llevaremos a cabo todos los tests necesarios para asegurarnos que nuestros componentes Livewire funcionan como esperamos automatizando las pruebas funcionales. Sin duda los tests son los mejores amigos de los desarrolladores, y en esta sección, si tenías dudas de esto, seguro que dejas de tenerlas.


Si deseas dominar Laravel Livewire 3 de forma completa, no lo dudes, suscríbete a la plataforma, tenemos todo lo que necesitas.

assignment

Requisitos

Conocimientos sólidos de Laravel.
group

¿A quién va dirigido el curso?

Desarrolladores Laravel que deseen aprender Laravel Livewire 3 haciendo uso de arquitecturas avanzadas y escalables.
help_outline

¿Qué hacer en caso de dudas durante el curso?

Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.

Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.

Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.

card_membership

Certificado de finalización

emoji_events

Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.

  • center_focus_weak Código QR con enlace al curso
  • picture_as_pdf Descargable en formato PDF
  • person Personalizado con tu nombre

star Disponible exclusivamente para suscriptores.

Especialista con +15 años de experiencia en desarrollo web Full Stack. Dominio avanzado en Laravel y Vue.js, creando aplicaciones modernas de alto rendimiento. Instructor profesional con 8 años compartiendo conocimiento a través de cursos especializados que han formado a cientos de desarrolladores.

Israel Parra

Desarrollador Full Stack & Formador

Valoraciones

5
star star star star star

11 valoraciones

star star star star star
star star star star star_border
star star star star_border star_border
star star star_border star_border star_border
star star_border star_border star_border star_border
Luis JSM

hace 9 meses

Luis JSM Muy bueno
star star star star star
Me ha parecido un muy buen curso, con una estructura que se puede replicar en otros proyectos. Este tipo de contenido creo que es el mejor. En vez de abordar grandes proyectos, hacer cosas más modulares que después se puedan acoplar y probar.
Antoni Mallol Duràn

hace 1 año

Antoni Mallol Me ha ayudado muchísimo
star star star star star
Me ha gustado la sencillez y la funcionalidad. Me puede servir muchísimo para un proyecto que estoy haciendo

No me ha gustado: tal vez vas demasiado rápido. Cuesta seguirte
Jhon Fabio Cardona Martinez

hace 1 año

Jhon Fabio Curso muy práctico
star star star star star
Me gusta la forma en la que se puede desarrollar un CRUD, sin tanta complejidad, y llevando a cabo la reactividad. También se detalla mucho, que varias herramientas de Laravel, se están desarrollando sobre Livewire, como es el caso de filamentphp. Tome este curso para entrar en el stack TALL (Tailwin CSS, Alpine.js, Laravel y Livewire).
Pedro J. Prada

hace 1 año

Pedro J. Muy bueno
star star star star star
Claro, conciso, sin rodeos y, sobre todo, útil.
David Lyons Garcia

hace 2 años

David Lyons Realmente, muy bien, ya que con Laravel tenía trabado el tema de las búsquedas.
star star star star star
200 caracteres demasiado poco para pros y cons :D Pero un 10
Sergio Díaz

hace 2 años

Sergio Díaz Muy buen curso
star star star star star
En la primera parte estámuy bien explicado el uso del patrón Pipeline para los filtros, la segunda parte el uso de formularios y los test me han ayudado mucho
jersonmr

hace 2 años

jersonmr Excelente
star star star star star
La forma tan simple de entrar a la nueva versión de Livewire así como de explicar el patron Pipeline junto al Strategy usando las nuevas funcionalidades de PHP 8
Alan Ortega

hace 2 años

Alan Ortega Asombroso
star star star star star
Me gusto mucho como introducción a laravel livewire 3 espero más contenido a futuro.
Yeison Ramirez Salazar

hace 2 años

Yeison Ramirez Es bueno el curso.
star star star star star
Ya habia visto algo de livewire, por lo que pude enterder los temas y lo nuevo de versión 3 de livewire
Alejandro Jiménez

hace 2 años

Alejandro Jiménez Excelente!
star star star star star
Un excelente curso muy fácil de entender.
Dellana

hace 2 años

Dellana Muy útil, un buscador con muchas posibilidades
star star star star star
Muchas gracias por compartir este curso, una funcionalidad muy utilizada en cualquier tienda online. Muy interesante la reutilización de componentes y el uso de pipeline.
visibility Vista previa

star

¿Te gusta lo que ves? Accede a este curso completo y a más de 200 cursos con una suscripción.

launch Ver planes de suscripción