Configuración de Cursos Similares en Visual Studio

Contenido del curso

Introducción

Proyecto con Laravel 8

Conclusión

Bonus

21
Consejos para Dominio de Laravel y Desarrollo Profesional
03:00 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:006:34

Configuración de Cursos Similares en Visual Studio

Curso de Introducción a Laravel 8

Clase 16 de 21

Clase 16 / 21

Recursos

Mostrar cursos relacionados por categoría es una funcionalidad que aporta dinamismo real a cualquier plataforma educativa. En lugar de listar simplemente los últimos cursos publicados, filtrar por la misma categoría del curso que el usuario está visualizando mejora la experiencia y la relevancia del contenido. Aquí se explica cómo lograrlo con un método personalizado dentro del modelo de Eloquent.

¿Cómo se estructura la vista para cursos similares?

El punto de partida es la página individual de un curso. Debajo de toda la información principal —lecciones, datos del usuario, contenido del curso— se reserva un espacio específico para mostrar los cursos similares [01:07]. Este bloque se ubica dentro de un div que ocupa dos columnas en la cuadrícula, con separación y margen superior e inferior configurados mediante clases utilitarias.

html

De momento, el contenido visual de cada tarjeta de curso se copia y pega desde otro componente existente. En una clase posterior, este fragmento se extraerá a un componente reutilizable para evitar duplicación de código [02:17].

¿Qué es un método personalizado en el modelo y cómo se crea?

Para obtener cursos de la misma categoría, se crea un método personalizado llamado similar directamente en el modelo de cursos [02:43]. Este enfoque es distinto a una relación Eloquent tradicional: no define una asociación permanente entre tablas, sino que ejecuta una consulta específica bajo demanda.

¿Cómo funciona la consulta por categoría?

Dentro del modelo, ubicado en app/Models, se añade el método con la siguiente lógica [03:15]:

php public function similar() { return Course::where('category_id', $this->category_id) ->with('user') ->take(2) ->get(); }

where('category_id', $this->category_id): filtra los cursos cuya categoría coincida con la del curso actual.
with('user'): carga la relación con el usuario (eager loading) para evitar consultas adicionales.
take(2): limita el resultado a solo dos cursos.
get(): ejecuta la consulta y devuelve la colección.

El uso de $this->category_id es clave: hace referencia al category_id del curso que se está visualizando en ese momento, lo que garantiza que los resultados siempre sean relevantes [03:28].

¿Cómo se invoca desde la vista?

Desde la vista o el controlador, se accede al método como si fuera una propiedad más del modelo:

php $course->similar()

Antes de crear el método, Laravel lanza un error indicando que "similar" es un método indefinido dentro de la entidad de cursos [02:55]. Este error es esperado y se resuelve al definir el método público en el modelo.

¿Por qué es importante diferenciar cursos similares de últimos cursos?

La página muestra dos bloques distintos que cumplen funciones diferentes:

Cursos similares: filtrados por la misma categoría del curso actual, cambian según el curso que se visualiza [04:30].
Últimos cursos: listados en orden cronológico, pueden pertenecer a cualquier categoría.

Al hacer clic en otro curso, los cursos similares se actualizan automáticamente según la nueva categoría, mientras que los últimos cursos mantienen su orden temporal [04:45]. Esta diferenciación aporta contexto y facilita que el usuario encuentre contenido relacionado.

A lo largo del proyecto se han implementado distintos patrones dentro de los modelos: relaciones con usuario, relaciones con posts, campos virtuales y ahora un método personalizado [03:05]. Cada uno responde a una necesidad concreta, y reconocer cuándo usar cada tipo es fundamental para construir aplicaciones escalables con poco código y resultados profesionales.

Jimmy Buriticá Londoño

Hace 6 años

Comparto el código

course.blade.php

@extends('layouts.web')

@section('content')
<div class="grid grid-cols-3 gap-4">
  <div class="p-8 bg-gray-200 col-span-1">
    <ul class="flex flex-col">
      <li class="font-medium text-sm text-gray-400 uppercase mb-4">Contenido</li>
      @foreach ($course->posts as $post)
        <li class="flex items-center text-gray-600 mt-2">
          {{ $post->name }}
          @if ($post->free)
            <span class="text-xs text-gray-500 font-semibold bg-gray-300 px-2 rounded-full ml-auto">Gratis</span>
          @endif
        </li>
      @endforeach
    </ul>
  </div>
  <div class="text-gray-700 col-span-2">
    <img src="{{ $course->image }}" alt="">
    <h2 class="text-4xl">{{ $course->name }}</h3>
    <p>{{ $course->description }}</p>
    <div class="flex mt-3">
      <img src="{{ $course->user->avatar }}" class="h-10 w-10 rounded-full mr-2" alt="">
      <div>
        <p class="text-gray-500 text-sm">{{ $course->user->name }}</p>
        <p class="text-gray-300 text-xs">{{ $course->created_at->diffForHumans() }}</p>
      </div>
    </div>

    <div class="grid grid-cols-2 gap-4 my-8">
      @foreach ($course->similar() as $course)
      <div class="bg-white shadow-lg rounded-lg px-4 py-6 text-center">
        <a href="{{ route('course', $course->slug) }}">
          <img src="{{ $course->image }}" class="rounded-md mb-2" alt="">
          <h2 class="text-lg text-gray-600 truncate uppercase">{{ $course->name }}</h3>
          <h3 class="text-md text-gray-500">{{ $course->excerpt }}</h4>

          <img src="{{ $course->user->avatar }}" class="rounded-full mt-4 mx-auto h-16 w-16" alt="">
        </a>
      </div>
      @endforeach
    </div>
  </div>
</div>
<div class="text-center mt-4">
  <h1 class="text-3xl text-gray-700 mb-2 uppercase">Ultimos Cursos</h2>
  <h2 class="text-xl text-gray-600">Fórmate online como profesional en tecnología</h3>
</div>

<livewire:course-list>
@endsection

Comentarios (11)11 comentarios

Carlos Eduardo Gomez García

Ismael López

Lucas Durán

Hector Vasquez

Edward Espinoza

KEVIN BRAYAN LUNA FIGUEROA

Juan Ricardo Cardona Álvarez

Sergio Flores Genis

Guillermo Camacho

Hace 5 años

Javier Marin Ayza

Hace 3 años

Team Cromática Coaching

Alexis Magdiel Mendoza Vallarta

Josafat Morales Toledo

Brian Cobaleda

Carmen Urbina Herrera

Engell Eduardo Lopez Mairena

Juan José del Aguila López

Introducción

Curso Renovado de Laravel: Nuevas Herramientas y Conocimientos

Proyectos modernos con Laravel 8 y JetStream

Curso de Laravel 6: Soporte a Largo Plazo y Migración a Nuevas Versiones

Instalación y uso de JetStream en Laravel con Blade y TailwindCSS

Proyecto con Laravel 8

Creación de Proyecto Web con Laravel 8 y Tailwind CSS

Instalación y Configuración de Laravel 8 con Tailwind CSS

Creación de Datos Semilla en Laravel con Faker

Configuración de Rutas y Vistas en Laravel con JetStream

Creación de Plantillas Web con Blade y Tailwind CSS en Laravel

Configuración de Plantillas Blade en Visual Studio Code

Creación de Componentes Dinámicos con Livewire en Laravel

Creación de Campos Virtuales en Componentes con Tailwind CSS

Creación de Controladores y Rutas en Laravel 8

Rutas dinámicas y maquetación de cursos en PHP con Laravel

Configuración de Listado de Lecciones en Visual Studio

Configuración de Cursos Similares en Visual Studio

Creación y Uso de Componentes Blade en Laravel

Personalización de Elementos en JetStream con Visual Studio

Conclusión

Personalización de Vistas en Laravel con JetStream y Livewire

Desarrollo de Aplicaciones con Laravel 8 y JetStream

Bonus

Consejos para Dominio de Laravel y Desarrollo Profesional

Configuración de Cursos Similares en Visual Studio

Progreso del curso

Introducción

Proyecto con Laravel 8

Conclusión

Bonus

Recursos

Recursos