Mejora tu CSS en un 100% con el enfoque BEM | metodología BEM

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 29

  • @jorgeestrada1691
    @jorgeestrada1691 Рік тому +7

    Mas claro imposible, me hiciste entender en menos de 10 minutos lo que busqué por horas para dominarlo.

    • @juandavid_dev
      @juandavid_dev  Рік тому

      Me alegra saber que el video te haya sido de ayuda.

  • @jhonyamerico2855
    @jhonyamerico2855 3 місяці тому

    Un video de menos de 10 minutos y listo, directo al grano, gracias.

    • @juandavid_dev
      @juandavid_dev  3 місяці тому

      ¡Qué bueno que te gusto!, aunque no todos los videos puedo hacerlos tan cortitos, un saludo.

  • @primoviaje
    @primoviaje Рік тому +1

    Sos muy claro explicando..! Muchas gracias!!

  • @Nicolas-vj5zc
    @Nicolas-vj5zc 3 місяці тому

    Excelente video, muchas gracias! No sé porqué otras personas se complican tanto. crack!

    • @juandavid_dev
      @juandavid_dev  3 місяці тому

      Me alegra mucho, ver que estos videitos que hago son de utilidad. Un saludo.

  • @luis-nt7fm
    @luis-nt7fm Рік тому +2

    Gracias me has ayudado a entender mejor las clases en css

    • @juandavid_dev
      @juandavid_dev  Рік тому

      ¡Genial! Me alegra mucho leer estos comentarios 🥳

  • @patriciaramos258
    @patriciaramos258 6 місяців тому

    Excelente explicación, gracias!!!😀

    • @juandavid_dev
      @juandavid_dev  6 місяців тому +1

      Me alegra mucho que sirva de ayuda en proceso de aprendizaje. Un saludo.

  • @andreaquevedo2337
    @andreaquevedo2337 7 місяців тому

    Muchas gracias, muy bien explicado!

  • @kliajuan6941
    @kliajuan6941 10 місяців тому

    Muy bien explicado, tal vez a simple vista no se aprecia la utilidad de BEM, pero cuando un proyecto empieza a escalar siempre es bueno guiarse por alguna convencion para hacer el codigo mas limpio

  • @katiaperez7646
    @katiaperez7646 9 місяців тому

    Super útil, muchas gracias.

  • @aliencaptures1995
    @aliencaptures1995 Рік тому

    Sos un capo, te amo.

    • @juandavid_dev
      @juandavid_dev  Рік тому

      ¡Lo hago con cariño para todos ustedes, gracias por ver!

  • @BossPetta
    @BossPetta 6 місяців тому +1

    Bien explicado 😃
    Duda… En los «navbar__link», si le agregamos un modificador, la clase quedaría así ¿No? «navbar__link--select», con lo cual, al final, ese ítem quedaría con dos clases, «navbar__link navbar__link--select». Es lo mismo que haces con el «navbar» y el «navbar--secondary».

    • @juandavid_dev
      @juandavid_dev  6 місяців тому +1

      Hola, ¿qué tal? Si, es correcto, aunque es un tema de gustos, ya que CSS permite agregar múltiples clases simplemente dejando un espacio, ósea que podrías agregar una segunda clase llamada active (navbar__link active) la cual puede ser agregada o quitada según la necesidad usando JavaScript.
      Saludos.

  • @luislargosta2844
    @luislargosta2844 3 місяці тому

    Me estaba volviendo loco tratando de entender esto hasta que ví este video genio

    • @juandavid_dev
      @juandavid_dev  3 місяці тому +1

      Que bueno que el video haya sido de tu agrado y te haya resuelto tus dudas, un saludo.

  • @FernandoJuárez-p2c
    @FernandoJuárez-p2c 11 місяців тому

    Buen video ✌, ¿consulta por qué no sería 'navbar__link--select' en lugar de 'link--select'?" 🤔

    • @juandavid_dev
      @juandavid_dev  11 місяців тому +1

      Hola, ¿qué tal? Perfectamente, podrías llamar los 3 links de esa forma y agregar un modificador al que consideres, lo importante sería estructurar los nombres de forma clara y entendible. Sin embargo, lo ideal sería que llamaras los modificadores con dos guiones al medio "link--active" y las clases principales con 2 guiones abajo "link__select" Un saludo.

    • @FernandoJuárez-p2c
      @FernandoJuárez-p2c 11 місяців тому

      Vale, muchas gracias por la aclaración @@juandavid_dev 🙌

  • @ziebzir8296
    @ziebzir8296 10 місяців тому

    Genial

  • @enriqueruiz320
    @enriqueruiz320 10 місяців тому +1

    He escuchado y visto demasiado el tema de BEM y sin embargo, siguen solicitando el dominio de Bootstrap u otras librerías y frameworks de diseño 🥺

    • @juandavid_dev
      @juandavid_dev  10 місяців тому

      Te entiendo, ya que aunque BEM ofrece flexibilidad y control, Bootstrap, Tailwind y otros frameworks son populares por su facilidad de uso y rapidez.

  • @andreidanciu4313
    @andreidanciu4313 Рік тому +1

    En vez de usar BEM podéis usar CSS modules que es un enfoque más moderno y sencillo.

  • @manueldavidrangel7222
    @manueldavidrangel7222 Рік тому

    Primer comentario