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

Подписаться 2,8 тыс.

Просмотров 3,3 тыс.

50% 1

El enfoque BEM permite estructurar y organizar código de manera clara, ya que cada clase tiene un propósito específico y se evitan los conflictos de estilos. #metodologia #enfoque #bem #css
Conviértete en miembro del canal recibe beneficios y apoya la creación de nuevo contenido:
/ @juandavid_dev
Aprende Manejo del DOM JS:
• Curso Práctico Manejo ...
Aprende Flexbox y posicionamiento de elementos en pantalla:
• Aprende CSS flexbox de...
Aprende JS:
• Curso de JavaScript de...
Redes Sociales:
/ juandavid_dev
/ juandavid_dev
/ juandavid_dev
/ jdoc.dev.page

Опубликовано:

8 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 23

@jorgeestrada1691 Год назад

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

@juandavid_dev Год назад

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

@andreaquevedo2337 2 месяца назад

Muchas gracias, muy bien explicado!

@BossPetta 2 месяца назад

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 2 месяца назад

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.

@patriciaramos258 Месяц назад

Excelente explicación, gracias!!!😀

@juandavid_dev Месяц назад

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

@primoviaje Год назад

Sos muy claro explicando..! Muchas gracias!!

@kliajuan6941 5 месяцев назад

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

@luis-nt7fm Год назад

Gracias me has ayudado a entender mejor las clases en css

@juandavid_dev Год назад

¡Genial! Me alegra mucho leer estos comentarios 🥳

@enriqueruiz320 5 месяцев назад

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 5 месяцев назад

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

@katiaperez7646 5 месяцев назад

Super útil, muchas gracias.

@aliencaptures2515 11 месяцев назад

Sos un capo, te amo.

@juandavid_dev 11 месяцев назад

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

@ziebzir8296 6 месяцев назад

Genial

@user-ov2vm3ky4d 6 месяцев назад

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

@juandavid_dev 6 месяцев назад

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.

@user-ov2vm3ky4d 6 месяцев назад

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