Actualización semana 19May-26May - Redirecciones Laravel - WhereHas - Tienda en Linea Curso/Libro - Sistema de Puntos

▶

¡Bienvenido a otra semana de actualizaciones! En este resumen te comento todos los cambios y nuevos contenidos que publiqué entre el 19 y el 26 de mayo, tanto en el canal de YouTube como en el blog. Como siempre, también hay algunas entradas adicionales en el blog que puedes revisar directamente en la web.

YouTube/Blog

Redirecciones en IWA (Inertia.js + Livewire)
Un video muy interesante donde reflexiono sobre cómo Inertia rompe algunas convenciones de redirección. En particular, hablo de los problemas que surgen al hacer redirecciones desde el servidor, como la imposibilidad de enviar mensajes flash en ciertos casos. Este tipo de inconsistencias pueden ser molestas si vienes de trabajar con Laravel de forma más tradicional:

Livewire Rompe con las conversiones de Redirecciones (Flash) en Laravel - https://youtu.be/2l-0j1KD7Sw

Reactive Core en Vue
Subí una demo explicando cómo funciona la reactividad en Vue, desde sus fundamentos. Este es uno de los aspectos más importantes de cualquier framework frontend moderno, y entenderlo bien te permitirá sacarle el máximo provecho a Vue:

Demo: Reactividad de Vue y uso de funciones - 16 - https://youtu.be/y44e9XFyWq0

CRUD en Vue para una API de Categorías
Ya casi termino de publicar todos los videos del CRUD básico en Vue. En este caso, toca el módulo para manejar categorías a través de una API REST:

CRUD en Vue + Rest Api #CodeIgniter 4 - 48 - https://youtu.be/QA8OZ1HpG5c

Margins en TailwindCSS
Un video donde explico cómo aplicar márgenes correctamente usando las utilidades de Tailwind, ideal para quienes están puliendo sus diseños:

Tailwind: Aplicar Márgenes - 40 - https://youtu.be/ZvfcEb5ZKWs

CKEDITOR – Primeros pasos
Presento el mejor plugin WYSIWYG que conozco para contenido enriquecido. Este video es introductorio, pero muestra lo potente que es SecEditor para integrar editores visuales personalizados en tus proyectos:

CKEditor, Primeros pasos, el MEJOR plugin WYSIWYG para el contenido enriquecido del texto - https://youtu.be/Y7X-UBAxxtY

Programación Recursiva
Un video más teórico, pero que me parece muy importante. La recursividad no suele tratarse en muchos tutoriales modernos, pero es una herramienta muy útil cuando se usa bien. Aquí muestro un ejemplo práctico y también discuto sus desventajas, como el alto consumo de recursos:

Programación Recursiva: Ejemplo y desventajas - https://youtu.be/68dsYdhy_x8

YouTube Embed Responsive
Otro tema práctico: cómo incrustar videos de YouTube de forma responsiva, ideal para quienes están montando sitios o plataformas de cursos. Este contenido forma parte del curso de tienda en línea con Laravel:

Incrustar Videos de Youtube Responsivamente en tu web + Laravel CKEditor - https://youtu.be/cRR_lxl_X5A

Sortable con JavaScript + Alpine.js
Un repaso sobre cómo hacer listas ordenables con drag & drop, combinando JS puro con Alpine.js. Este video lo tenía pendiente desde hace tiempo:

Sortable JS + Alpine.js Para la ordenación Drag and Drop - 23 - https://youtu.be/cxpckAkwTjE

Experiencia negativa (sin rodeos)
Un video que no fue agradable grabar, pero necesario. Comparto una mala experiencia que tuve con ciertas personas/plataformas. No es para darles más visibilidad, sino para advertir y compartir aprendizajes:

Los de G Talent me estafaron como creador de contenido... - https://youtu.be/oGH9Pv7TZmc

Cursos y Libros

Sigo trabajando en el único curso-libro actual que mantengo activo tanto en Mac como en Windows: la tienda online con Laravel.

Módulo de blog
Este módulo está enfocado en el usuario final, con:

1. Introducción

2. Etiquetas: Filtro

   1. Implementamos el filtro para buscar post por etiquetas.

3. Etiquetas: Detalle

   1. Mostramos las etiquetas del post en el detalle.

4. Estilo para el blog: Segunda parte

   1. Aplicaremos algunos cambios de estilo en base a los cambios anteriores.

5. Navbar: Bases

   1. Implementamos el menú pc.

6. Navbar: Modo Responsivo

   1. Implementamos el menú mobile.

7. Extra: Videos de Youtube

   1. Veremos cómo podemos incrustar un video de YouTube responsivo.

Módulo de productos
Comienza la implementación completa de la tienda. En esta etapa inicial se enfoca en:

1. Index

   1. Mostramos la configuración para el listado.

2. Detalle

   1. Mostramos la configuración para el detalle.

3. Index: Diseño

   1. Mostramos el diseño para el listado.

4. Detalle: Diseño

   1. Mostramos el diseño para la página de detalle.

5. Adaptar estilo del módulo para claro y oscuro

   1. Vamos a hacer algunos cambios para adaptar la aplicación al modo claro oscuro.

6. PayPal, Stripe y las siguientes secciones

   1. Voy a utilizar todo el material que explico como usar PayPal y Stripe en un proyecto en Laravel que vimos en el curso de Laravel Base.