Update week 12 May-19 May - SEO iframe YouTube - Redirect Vue + Rest API - Abstract Classes

▶

Welcome to another week of updates. In this roundup, I'm going to cover all the content I uploaded during the week of May 12-19.

YouTube and Blog

As always, we're starting with the content published on both the YouTube channel and the blog, as I'm gradually releasing its video equivalent.

Mobile App Improvements

As with last week's update, I want to share something I'm really excited about: I've significantly improved the mobile app.
I really feel like I have a solid product now. Here I'm showing the latest versions (up to version 18), although I've actually already released version 19 and am about to release version 20.
These versions include improvements to the listing design (which was very ugly) and improvements to the content viewer, moving from HTML to native code.

Academia: Cursos/Libros de Programación: versión 18 Visor HTML nativo + Mejores diseños - https://youtu.be/f0mdTfr38Nw

SEO and the "Poison" of YouTube

Another video I find very interesting is about SEO. In this case, I show the improvements made and also talk a little about the poison that is a YouTube iframe.
So if you have a blog and want to post YouTube videos, I recommend you watch it. I'll give you some very important tips to make your blog load quickly and improve your Google PageSpeed ​​score:

Seo en Laravel - 2 - Presentación Mejoras realizadas y sobre el VENENO del iframe de Youtube - https://youtu.be/F6ZDJop6aFI

Abstract Classes in Laravel

I also uploaded another very educational video here, ideal if you don't fully understand how to use abstract classes.
Using a Laravel project, I show how we created a Tagged class, designed to be easily inherited by other similar models. All using polymorphic relationships in Laravel.

¿No entiendes para que emplear las clases abstractas? Ejemplo práctico! #Laravel #php - https://youtu.be/AGASNrTXE3w

Other

Redireccionar 404 en Vue Router - 51 - https://youtu.be/u4aVLluPahA

Tailwind: Mostrar operación a realizar en Formulario en Vue 3 - 43 - https://youtu.be/wEpu_bsBiI0

Botones para editar y eliminar en el listado - RouterLink en Vue - Oruga UI - 36 - https://youtu.be/3J-GVpj5Ltc

Personal Opinion: AI, University, and Linux, MacOS and Windows

Here we also enter a more personal section. I uploaded a video about AI and its impact. This is entirely my opinion, which is why I have it in a separate post.
You can agree or disagree, and that's fine. I went to college too, back in the day.
If I had the same experience today, with all the technology and artificial intelligence we have, I would think twice about going to college.

¿Por qué no uso Linux y uso Windows y MacOS en su lugar? - https://youtu.be/mB47vaQzrc8

Also, another opinion video: why I use Windows and Mac. As you can see, I currently use a Mac.
Honestly, I've never seen a community as toxic as the Linux one... you can read the comments; there are some really crazy people. But anyway, I don't want to get into that right now, so I'll leave it there.

La IA la universidad su impacto y los nuevos en el desarrollo - https://youtu.be/j5CNyor264k

Laravel 12 + Livewire 3 Course and Book (Online Store)

Finally, these are the updates to the only project and book I'm currently working on: an online store with Laravel 12 and Livewire 3.

This project gave rise, for example, to the video on abstract classes, using the Tagged model.
First, we created the Post CRUD, which is tagged, and then another similar model, reusing everything through a Trait.
This allows for efficient modularization to apply the same approach to other models in the future, improving speed, scalability, and maintainability.

I also included the use of whereHas, which I've never shown in a course, but is simply for applying a condition to a relationship.
I added the image preview, which was a pending detail.

We started a new section dedicated to building the blog. Here's a simple version (it's not finished yet).
After the basic design, we need to add more interesting posts. We changed the typography, created customizable labels, and prepared the basics: the index, detailed view, categories, sitemap, etc.
For styles, I'm using a very useful package called Tailwind CSS Typography, which helps us define text sizes, spacing, and typographic styles.

1. Modelo Taggable

   1. Te muestro el modelo de tipo etiquetable y los cambios realizados.

2. CRUD: Book

   1. Mostramos el CRUD para los libros y los cambios

3. whereHas

   1. Explicamos el uso de whereHas para consultas where con relaciones.

4. Preview de imágenes

   1. Mostramos la implementación del preview para las imágenes.

Blog

1. Index

   1. Mostramos la configuración para el listado.

2. Detalle

   1. Mostramos la configuración para el detalle.

3. Posts por categorías

   1. Mostramos la configuración para mostrar los posts en base a la categoría.

4. Sitemap

   1. Creamos el sitemap para el blog.

5. Estilos

   1. Crearemos un estilo en común para el blog y el dashboard, como lo es Tailwind.css

6. Resto del CSS

   1. Vamos a copiar el CSS para la carta.

7. Estilo botones

   1. Vamos a crear un estilo para los botones.

8. Estilo para el blog: Primera parte

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

9. TailwindCCS Typography

   1. Vamos a instalar un paquete para que configure tamaño y márgenes al texto.

10. Tipográfica

    1. Vamos a buscar e instalar algunas tipografías para nuestra aplicación.

11. Cambiar tipográfica en la aplicación

    1. Vamos a importar tipografía seleccionada anteriormente en nuestro proyecto.