Aprende Laravel Livewire desde cero

Aprende Laravel Livewire desde cero

0%
41 lecciones 3h 58m
En esta serie aprenderemos los fundamentos de Livewire que nos permitirán crear aplicaciones interactivas en Laravel utilizando poco o nada de Javascript.
Presentación del curso de Livewire desde cero
FREE
01:57

1. Presentación del curso de Livewire desde cero

En este video te muestro lo que vamos a aprender a construir con Livewire durante el curso.
Qué es y cómo funciona Livewire
FREE
06:28

2. Qué es y cómo funciona Livewire

En esta lección aprendemos qué es Livewire y cómo nos facilita la construcción de aplicaciones interactivas en Laravel utilizando poco o nada de Javascript.
Cómo instalar Livewire
FREE
01:48

3. Cómo instalar Livewire

En esta lección aprendemos a instalar Livewire y a configurarlo para que los assets se mantengan siempre actualizados.
Cómo crear y renderizar componentes de Livewire
FREE
04:28

4. Cómo crear y renderizar componentes de Livewire

En esta lección aprendemos las diferentes opciones que tenemos disponibles para crear y renderizar componentes de Laravel Livewire
Cómo utilizar propiedades en los componentes de Livewire
PRO
07:30

5. Cómo utilizar propiedades en los componentes de Livewire

En esta lección revisamos las diferentes opciones para definir y modificar componentes de Livewire y también configuramos una plantilla que nos permita retornar componentes directamente desde las rutas.
Data Binding en Livewire
PRO
08:37

6. Data Binding en Livewire

En esta lección aprendemos qué es y cómo funciona el Data Binding en Livewire
Insertar registros con Livewire
PRO
06:05

7. Insertar registros con Livewire

En esta lección aprendemos a insertar registros, redireccionar usuarios y mostrar mensajes de sesión con Laravel Livewire
Validación en tiempo real con Livewire
PRO
05:28

8. Validación en tiempo real con Livewire

En esta lección aprendemos a validar formularios de forma tradicional y en tiempo real con Livewire, y a mostrar los errores en las vistas.
Route model binding en Livewire
PRO
04:26

9. Route model binding en Livewire

En esta lección vemos cómo utilizar route model binding y modelos como propiedades en componentes de Livewire
Modelos como propiedades de componentes de Livewire
PRO
04:02

10. Modelos como propiedades de componentes de Livewire

En esta lección aprovechamos definir un modelo como propiedad para simplificar la creación y reutilización de formularios con Livewire.
Cómo testear componentes de Livewire
PRO
07:43

11. Cómo testear componentes de Livewire

En esta lección testeamos la creación de artículos con sus reglas de validación en tiempo real definidas en el componente ArticleForm de Laravel Livewire
Cómo testear componentes de blade de Livewire
PRO
08:32

12. Cómo testear componentes de blade de Livewire

En esta lección continuamos testeando el componente ArticleForm para asegurarnos de que funciona tanto para crear como para editar artículos.
Utilizando TDD con Livewire
PRO
07:46

13. Utilizando TDD con Livewire

En esta lección utilizaremos TDD (Test Driven Development) para que nos guíe mientras agregamos otro campo al formulario de crear y editar artículos.
Generación de slugs en tiempo real con Livewire
PRO
03:45

14. Generación de slugs en tiempo real con Livewire

En esta lección implementamos la funcionalidad de crear un slug automáticamente y en tiempo real, partiendo del título que ingresa el usuario.
Cómo utilizar middlewares con Livewire
PRO
06:34

15. Cómo utilizar middlewares con Livewire

En esta lección evitamos que los usuarios no autenticados accedan al componente de Livewire que contiene el formulario para crear y editar artículos.
Sistema de autenticación con Livewire
PRO
08:14

16. Sistema de autenticación con Livewire

En esta lección exploramos las diferentes opciones que tenemos disponibles para implementar la autenticación con Livewire, al finalizar tendremos listo el stack TALL para continuar con el desarrollo.
Estilizando el formulario con TailwindCSS
PRO
11:56

17. Estilizando el formulario con TailwindCSS

En esta lección utilizamos y entendemos los componentes de blade que nos provee Jetstream para mejorar el diseño del formulario de crear y editar artículos.
Cómo integrar Trix con Livewire y Alpine.js
PRO
10:48

18. Cómo integrar Trix con Livewire y Alpine.js

En esta lección vemos una pequeña introducción de Alpine.js y aprendemos a crear un componente reutilizable con el editor de contenido HTML llamado Trix.
Cómo subir archivos con Livewire
PRO
05:49

19. Cómo subir archivos con Livewire

En esta lección agregamos un campo de archivo al formulario que nos permita asociar una imagen a un artículo.
Como testear la subida de archivos en Livewire
PRO
09:59

20. Como testear la subida de archivos en Livewire

En esta lección verificamos mediante test que las imágenes se suben correctamente al servidor y que se reemplacen al momento de actualizarlas.
Validación de archivos Livewire
FREE
05:13

21. Validación de archivos Livewire

En esta lección aprendemos a testear la validación de la subida de archivos con Livewire utilizando TDD.
Estilizando el selector de imágenes con Tailwind
PRO
07:18

22. Estilizando el selector de imágenes con Tailwind

En esta lección mostramos una previsualización de la imagen seleccionada en tiempo real y agregamos unos estilos con Tailwind CSS
Selector de imágenes reutilizable
PRO
05:11

23. Selector de imágenes reutilizable

En esta lección extraemos la lógica de seleccionar y previsualizar la imagen a un componente de blade que podamos reutilizar.
Mejorando la accesibilidad del selector de imágenes
PRO
05:59

24. Mejorando la accesibilidad del selector de imágenes

En esta lección permitimos navegar por el campo imagen a través de tabs para mejorar la accesibilidad del formulario de creación y edición de artículos.
Corrigiendo errores en el formulario
PRO
03:06

25. Corrigiendo errores en el formulario

En esta lección corregimos un bug que tenemos al momento de editar un artículo y actualizamos los assets de Livewire.
Componente select re-utilizable
PRO
07:04

26. Componente select re-utilizable

En esta lección creamos un componente reutilizable que nos permita seleccionar una categoría y asociarla a un artículo.
Validación de relaciones con Livewire
PRO
01:55

27. Validación de relaciones con Livewire

En esta lección nos aseguramos de que la categoría sea obligatoria y que exista en la base de datos al momento de crear o actualizar un artículo
Ventanas modales con Jetstream y Livewire
PRO
06:02

28. Ventanas modales con Jetstream y Livewire

En esta lección entendemos el funcionamiento básico de las ventanas modales que nos trae Jetstream utilizando Livewire
Modal para crear categorías
PRO
06:53

29. Modal para crear categorías

En esta lección creamos el formulario para crear una categoría sin necesidad de abandonar el formulario de creación de artículos.
Validación del formulario dentro del modal
PRO
08:49

30. Validación del formulario dentro del modal

En esta lección agregamos las reglas de validación de las categorías para que solo se apliquen al formulario dentro del modal
Modal de confirmación
PRO
03:13

31. Modal de confirmación

En esta lección agregamos un botón para eliminar un artículo, que muestre un modal de confirmación antes de realmente eliminarlo.
Cómo testear la eliminación de imágenes
FREE
04:03

32. Cómo testear la eliminación de imágenes

En esta lección verificamos que al momento de eliminar un artículo, se elimine también su imagen asociada.
Links de navegación en Jetstream
PRO
04:33

33. Links de navegación en Jetstream

En esta lección reestructuramos las rutas del dashboard y agregamos los links de navegación.
Diseñando la tabla de datos con Tailwind CSS
PRO
07:45

34. Diseñando la tabla de datos con Tailwind CSS

En esta lección utilizamos Tailwind CSS para mejorar el aspecto de la tabla de artículos de la administración.
Actualizando a Laravel 9 (Livewire)
PRO
02:13

35. Actualizando a Laravel 9 (Livewire)

En esta lección hacemos la actualización de Laravel 9 en nuestra aplicación de Livewire.
Imagen por defecto para los artículos
PRO
02:49

36. Imagen por defecto para los artículos

En esta lección agregamos un placeholder para las imágenes en caso de que un artículo no contenga imagen.
Paginación de registros con Livewire
PRO
02:47

37. Paginación de registros con Livewire

En esta lección agregamos los links de paginación a la tabla de artículos y lo adaptamos al diseño que ya tenemos.
Como utilizar eventos en Livewire
PRO
06:38

38. Como utilizar eventos en Livewire

En esta lección extraemos la funcionalidad de eliminar artículos para que lo podamos reutilizar en el futuro.
Componentes anidados en Livewire
PRO
05:19

39. Componentes anidados en Livewire

En esta lección reutilizamos el componente del modal para eliminar artículos y explicamos porqué es necesario agregar una llave a los componentes anidados.
Mensajes de sesión con Livewire y Jetstream
PRO
04:36

40. Mensajes de sesión con Livewire y Jetstream

En esta lección aprendemos a utilizar y modificar el componente de mensajes de sesión que nos provee Laravel Jetstream.
Cómo ordenar datos de una tabla con Livewire
PRO
05:22

41. Cómo ordenar datos de una tabla con Livewire

En esta lección implementaremos la funcionalidad de ordenar los artículos al darle click a cualquiera de los encabezados de la tabla.

Otros cursos que te pueden interesar

Fundamentos de Laravel 9Aprende Laravel Livewire desde ceroDesarrollo de una API con LaravelAprende Laravel IntermedioDesarrollo de paquetes para Laravel & PHPAprende Laravel desde ceroConstruyendo una red social con Laravel & TDDConstruyendo un SPA con Vue.js & LaravelMastering AuthenticationDesarrollo de un blog con manejo de roles y permisosNotificaciones