Actualización semana 12May-19May - SEO iframe YouTube - Redirect Vue + Rest API - Clases Abstractas

▶

Bienvenido a otra semana de actualizaciones. En este resumen voy a hablar sobre todo el contenido que subí durante la semana del 12 al 19 de mayo.

Youtube y Blog

Como siempre, comenzamos con el contenido publicado tanto en el canal de YouTube como en el blog, ya que voy sacando su publicación equivalente al video.

Mejoras en la aplicación móvil

Al igual que en la actualización de la semana pasada, quiero compartir algo que me tiene muy contento: he mejorado bastante la aplicación móvil.
Ya realmente siento que tengo un producto sólido. Aquí estoy mostrando las últimas versiones (hasta la 18), aunque en realidad ya saqué la 19 y estoy por sacar la 20.
Estas versiones incluyen mejoras en el diseño del listado (que estaba muy feo) y mejoras en el visor de contenido, pasando de HTML a código nativo.

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

SEO y el "veneno" de YouTube

Otro video que considero muy interesante es sobre SEO. En este caso, muestro las mejoras realizadas y hablo un poco también sobre el veneno que es un iframe de YouTube.
Así que si tienes un blog y quieres colocar videos de YouTube, te recomiendo que lo veas. Te doy algunos tips muy importantes para que tu blog cargue rápido y tu puntaje en Google PageSpeed sea feliz:

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

Clases abstractas en Laravel

Aquí también subí otro video muy didáctico, ideal si no entiendes bien para qué emplear las clases abstractas.
Con un proyecto en Laravel, muestro cómo creamos una clase de tipo Etiquetable, pensada para ser heredada fácilmente por otros modelos similares. Todo usando relaciones polimórficas en Laravel.

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

Otros

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

Opinión personal: IA, universidad y Linux, MacOS y Windows

Aquí también entramos en una sección más personal. Subí un video sobre la IA y su impacto. Es totalmente mi opinión, y por eso lo tengo en un bloque aparte.
Puedes estar de acuerdo o no, y está bien. Yo también fui a la universidad, en otra época.
Si hoy viviera la misma experiencia, con toda la tecnología e inteligencia artificial que tenemos, me lo pensaría dos veces antes de ir a la universidad.

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

También otro video más de opinión: por qué utilizo Windows y Mac. Como puedes ver, actualmente uso Mac.
La verdad, nunca había visto una comunidad tan tóxica como la de Linux... puedes leer los comentarios, hay gente muy loca. Pero bueno, no quiero caer en eso ahora, así que lo dejo ahí.

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

Curso y Libro Laravel 12 + Livewire 3 (tienda online)

Finalmente, estas son las actualizaciones del único proyecto y libro en el que estoy trabajando actualmente: una tienda en línea con Laravel 12 y Livewire 3.

Este proyecto dio origen, por ejemplo, al video de las clases abstractas, usando el modelo Etiquetable.
Primero creamos el CRUD de Post, que es etiquetable, y luego otro modelo similar, reutilizando todo mediante un Trait.
Esto nos permite una modularización eficiente para aplicar lo mismo en otros modelos a futuro, ganando en velocidad, escalabilidad y mantenimiento.

También incluí el uso de whereHas, que nunca había mostrado en un curso, pero es simplemente para aplicar una condición sobre una relación.
Agregué el preview de imágenes, que era un detalle pendiente.

Iniciamos una nueva sección dedicada a construir el blog. Aquí puedes verlo en una versión sencilla (todavía no está terminado).
Después del diseño básico, falta colocar publicaciones más interesantes. Cambiamos la tipografía, hicimos etiquetas personalizables y preparamos lo básico: el index, vista de detalle, por categorías, sitemap, etc.
Para los estilos, estoy usando un paquete muy útil llamado Tailwind CSS Typography, que nos ayuda a definir tamaños de texto, espaciados y estilos tipográficos.

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.