12. Cómo volver funcional menú con Alpine


7 comentarios

Inicia sesión para comentar

Comentarios:

  • Dan

    Dan hace 2 días

    Ya subí mi proyecto a hosting en este framework pero no me funcionan los estilos, podrán ayudarme si hay que modificar algún archivo ya que actualmente funciona con vite y ya no usa laravel mix.de antemano gracias 

  • Luis Bueno

    Luis Bueno hace 6 meses

    Excelente curso, no conocia este framework
    saludos y muchas gracias Victor

  • Leonardo Gallego

    Leonardo Gallego hace 1 año

    Es algo asi como esto, que puedo comentar este articulo que se llama 12. Cómo volver funcional menú con Alpine

  • Leonardo Gallego

    Leonardo Gallego hace 1 año

    Como creo este modulo para comentar videos en una pagina? muchas gracias

    • Victor Arana Flores hace 1 año

      No entendi tu pregunta.

  • Eduardo Martínez

    Eduardo Martínez hace 1 año

    Buenas!

    Parece que para esta unidad se actualizó el vídeo original, y no es posible seguir los nuevos pasos que se indican. Cuando se realiza la modificación del controlador Navigation es necesario disponer de un modelo “Category” que no fue creado durante la realización del curso.

    A continuación explico como crear este modelo con datos de prueba en tres pasos:


    1. Creamos los ficheros

    Creamos la migración y el modelo que necesitamos mediante los comandos:

    php artisan make:migration create_categories_table
    php artisan make:model Category

    En la ruta database/migrations ahora tenemos un fichero con un nombre similar a este:

    YYYY_MM_DD_hhmmss_create_categories_table.php

    Y en la ruta app/Models tendremos el fichero Category.php.


    2. Preparamos la migración

     

    Dentro del fichero, localizamos la función up() y sustituimos su cuerpo por el siguente:

    
    Schema::create('categories', function (Blueprint $table) {
       $table->id();
       $table->string('name');
       $table->timestamps();
    });

    Guardamos los cambios y ejecutamos el siguiente comando:

    php artisan migrate

     

    3. Rellenamos con datos de prueba

    Localizamos el fichero database/seeders/DatabaseSeeder.php y sustituimos el cuerpo de la función run() por el siguiente:

    
    $categorias = [
       'Lorem',
       'Ipsum',
       'Dolor',
    ];
    foreach ($categorias as $categoria) {
       $cat = new Category();
       $cat->name = $categoria;
       $cat->save();
    }

    Guardamos los cambios y ejecutamos el siguiente comando:

    php artisan db:seed

    Listo. Ahora puedes continuar con el vídeo.

    Lamentablemente hay un paso del vídeo que no se podrá realizar, y ese es el de mostrar el elemento activo del menú.

    Para ello sería necesario hacer uso de rutas para compararla con la ruta en la que nos situamos, y en caso afirmativo aplicar las clases correspondientes al elemento activo.

    Espero que esta información haya sido de ayuda.

    Un saludo! 👋

  • Adilene Itzamar Quiroz Mendoza

    Adilene Itzamar Quiroz Mendoza hace 2 años

    Excelente curso, me ha gustado mucho

  • Jesus Argon Lopez Jauregui

    Jesus Argon Lopez Jauregui hace 2 años

    Excelente Curso entendi de una forma practica el uso de tailwind, gracias y saludos