Act Sem 30-07Jul - Validar Epub - PIP YouTube - MacOS Comprimidos - Cupón Store

Voy a hablar un poquito sobre todo el contenido que subí entre el 30 de junio y el 7 de julio, que es la fecha actual

YouTube/Blog

Recuerda que todo este contenido lo tienes tanto en mi canal de YouTube como en el blog, en su respectiva publicación.

Opinión: lo que menos me gusta de MacOS
Uno de los videos que publiqué fue una opinión sobre lo que menos me gusta de MacOS, que es el tema de los comprimidos. Por ejemplo, MacOSno permite explorar un comprimido sin descomprimirlo automáticamente. Esto es un dolor si solo quieres inspeccionar rápidamente los archivos:

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

Validación de archivos EPUB
Otro video interesante, especialmente porque estoy muy metido en esto de generar libros electrónicos, trata sobre cómo validar un archivo EPUB. Porque no basta con que “abra bien”, puede que tengas errores: referencias faltantes, atributos mal puestos, etiquetas mal cerradas… El XHTML es muy estricto. Así que te muestro una herramienta que te puede ayudar bastante con eso.

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

Entendiendo componentes en Livewire
También publiqué un ejemplo práctico para entender los componentes en Livewire. Ahí te muestro qué se recarga exactamente cuando actualizas un componente, con un ejemplo interactivo para seguir aprendiendo sobre cómo funciona.

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

Cosas que me gustan (y no tanto) de Livewire
Este video está relacionado con el anterior. Me encanta Livewire, pero, como todo, no es perfecto. Hay cosas buenas, malas y grises. En mi opinión, lo que menos me gusta es la complejidad para comunicar componentes.

Por ejemplo, en otros sistemas similares basados en componentes, como Flutter, existe el gestor de estados, que permite compartir datos entre componentes. Livewire no tiene eso, lo que lo hace más complejo en ese aspecto (esto lo desarrollo más en otro video que publicaré pronto).

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

En el otro canal, subí un video donde muestro cómo crear una sombra cuando el personaje salta (se proyecta la sombra en el suelo). 

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

También publiqué el video donde reparé mi ratón MX Master 3, que seguramente has visto en videos recientes con la rueda trabada. ¡Ya lo reparé y quedó como nuevo! Va muy suavecito.

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

Activar modo Picture-in-Picture en YouTube
También preparé un video corto sobre cómo activar el modo picture-in-picture en YouTube. Solo hay que hacer clic derecho dos veces y seleccionar "Imagen en imagen". Esto funciona en MacOS, Windows, y seguramente también en Linux (aunque no tengo forma de probarlo).

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

Avances del curso/libro: Store Laravel Livewire - sistema de cupones

Ahora vamos a hablar un poco más a fondo sobre el avance del curso y del libro, especialmente la parte del sistema de cupones, que ha sido... interesante. Pensé que iba a ser mucho más sencillo. De hecho, calculé que me iba a tomar cuatro veces menos tiempo del que realmente tomó.

Uno de los grandes retos ha sido definir eventos en JavaScript para comunicar los componentes. Esta es otra capa adicional que necesitamos manejar.

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.