Act Sem 30-07 Jul - Validate Epub - PIP YouTube - MacOS Tablets - Store Coupon

I'm going to talk a little bit about all the content I uploaded between June 30th and July 7th, which is the current date.

YouTube/Blog

Remember that all this content is available on both my YouTube channel and the blog, in its respective post.

Opinion: What I Like Least About MacOS
One of the videos I published was an opinion on what I like least about MacOS, which is the compressed file system. For example, MacOS doesn't allow you to explore a compressed file without automatically decompressing it. This is a pain if you just want to quickly inspect the files:

Lo que MENOS me gusta de MacOS, el manejo de los comprimidos MEJORABLE! - Aprende de Windows! - https://youtu.be/ON5BCsOQmio

EPUB File Validation
Another interesting video, especially since I'm very involved in generating e-books, is about how to validate an EPUB file. Because it's not enough for it to "open properly"; you may have errors: missing references, misplaced attributes, improperly closed tags... XHTML is very strict. So I'll show you a tool that can help you quite a bit with that.

Cómo Validar tus Epubs para garantizar que están CORRECTOS - https://youtu.be/traxdOIFGWs

Understanding Components in Livewire
I also published a practical example to help you understand components in Livewire. There, I show you exactly what is reloaded when you update a component, with an interactive example to further understand how it works.

Entendiendo los componentes de Laravel Livewire, Ejemplo! - https://youtu.be/BYW5FBZQB2E

Things I like (and dislike) about Livewire
This video is related to the previous one. I love Livewire, but, like everything, it's not perfect. There are good, bad, and gray areas. In my opinion, what I like least is the complexity of communicating with components.

For example, in other similar component-based systems, such as Flutter, there's a state manager, which allows data to be shared between components. Livewire doesn't have that, which makes it more complex in that regard (I'll elaborate on this in another video I'll publish soon).

Cosas que NO me gustan de Laravel Livewire... Su "Complejidad" - https://youtu.be/Ul2cIxBL3gc

On the other channel, I uploaded a video where I show how to create a shadow when the character jumps (the shadow is projected on the ground).

Sombra Dinámica con Line Trace | Tutorial Unreal Engine Paso a Paso - https://youtu.be/oWAvwG-M8SM

I also posted the video where I repaired my MX Master 3 mouse, which you've probably seen in recent videos with the stuck wheel. I fixed it and it's as good as new! It runs very smoothly.

Mx master 3 Logitech - Reparación de la rueda trabada - https://youtu.be/XXsKuEap0H4

Enable Picture-in-Picture Mode on YouTube
I also prepared a short video on how to enable picture-in-picture mode on YouTube. Just right-click twice and select "Picture in Picture." This works on macOS, Windows, and likely Linux too (although I have no way to test it).

Modo Picture in Picture de YouTube en MacOS y en Windows - https://youtu.be/uYv2fqgd1nE

Course/Book Preview: Store Laravel Livewire - Coupon System

Now let's talk a little more in-depth about the progress of the course and the book, especially the coupon system, which has been... interesting. I thought it would be much simpler. In fact, I estimated it would take four times less time than it actually did.

One of the biggest challenges has been defining events in JavaScript to communicate between components. This is another additional layer we need to manage.

1. Cupón: Definir evento en JavaScript

   1. Vamos a crear el evento de JavaScript para cargar el plugin de PayPal.

2. Cupón: Ocultar botón de Stripe

   1. Vamos a ocultar la pasarela de pago mediante CSS por defecto.

3. Cupón: Carga del script de PayPal mediante JS

   1. Explicamos el porqué cargamos el JS de PayPal mediante JS para evitar el Detected container element removed from DOM.

4. Cupón: Mejor diseño: Botones de pago

   1. Realizamos una mejora de diseño para los botones

5. Cupón: Mejor diseño: Cupón y botón de pago

   1. Realizamos una mejora de diseño para el botón de pago e input del cupón.

6. Cupón: Repaso

   1. Damos un repaso de TODO lo hecho hasta ahora para el sistema de cupones

7. Cupón: Validar

   1. Instalamos una opción para cupón en el cliente y lo aplicamos.

8. Cupón: Configurar mensajes

   1. Vamos a configurar el envío de mensajes.

9. Cupón: Establecer en los componentes

   1. Vamos a pasar el cupón en cada uno de los componentes

10. Cupón: Validar y Procesar o Aplicar en la orden

    1. Vamos a validar el cupón y aplicarlo como consumido.

11. Url para generar SessionId de Stripe

    1. Vamos a cambiar la URL para generar el sessionID

12. Cupón: Mostrar cupón aplicado en el dashboard

    1. Vamos a mostrar cuando se aplica o no un cupón en el listado.