Update week 19May-26May - Laravel Redirects - WhereHas - Online Store Course/Book - Points System

▶

Welcome to another week of updates! In this roundup, I'll share all the changes and new content I published between May 19th and 26th, both on the YouTube channel and on the blog. As always, there are also some additional blog posts you can check out directly on the website.

YouTube/Blog

Redirects in IWA (Inertia.js + Livewire)
A very interesting video where I reflect on how Inertia breaks some redirection conventions. In particular, I discuss the issues that arise when performing server-side redirects, such as the inability to send Flash messages in certain cases. These types of inconsistencies can be annoying if you're coming from a more traditional Laravel background:

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

Reactive Core in Vue
I've uploaded a demo explaining how reactivity works in Vue, from the ground up. This is one of the most important aspects of any modern front-end framework, and understanding it well will allow you to get the most out of Vue:

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

CRUD in Vue for a Category API
I'm almost done posting all the videos on basic CRUD in Vue. In this case, it's time for the module for managing categories via a REST API:

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

Margins in TailwindCSS
A video where I explain how to apply margins correctly using Tailwind's tools, ideal for those who are fine-tuning their designs:

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

CKEDITOR – Getting Started
I'm introducing the best WYSIWYG plugin I know for rich content. This video is introductory, but it shows how powerful SecEditor is for integrating custom visual editors into your projects:

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

Recursive Programming
A more theoretical video, but one I find very important. Recursion isn't often covered in many modern tutorials, but it's a very useful tool when used well. Here I show a practical example and also discuss its drawbacks, such as high resource consumption:

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

Responsive YouTube Embed
Another practical topic: how to embed YouTube videos responsively, ideal for those setting up websites or course platforms. This content is part of the Laravel e-commerce course:

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

Sortable with JavaScript + Alpine.js
A review of how to create sortable lists with drag and drop, combining pure JS with Alpine.js. I've been wanting to watch this video for a while:

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

Negative Experience (straightforward)
A video that wasn't pleasant to record, but necessary. I'm sharing a bad experience I had with certain people/platforms. This isn't to give them more visibility, but to warn and share lessons learned:

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

Courses and Books

I'm still working on the only current course-book I have available for both Mac and Windows: the online store with Laravel.

Blog Module
This module is focused on the end user, with:

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.

Product Module
The full implementation of the store begins. This initial phase focuses on:

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.