Que rayos es la Metodología BEM explicado con un ejemplo | CSS 

Si te gusto el video dale manita arriba para mas videos como este! 👍

Gracias a Falcon (Carlos A.) se el 50% de lo que se en Frontend y obtuve empleo bien pago, gracias por todo.

Tu video me ayudó mucho 2 veces para implementar bien B__E--M en un proyecto evaluado en un Bootcamp. ¡Muchas gracias por compartir tu conocimiento!

Se agradece mucho el video! Bien explicado. Algunos timestamps: 7:05 explicación de BEM visualmente, 7:30 Elementos versus Bloques, 23:38 Modificadores

Cuando aprendí usar la metodología BEM se me hizo más fácil el código CSS aunque aveces prefiero a la antigua. Excelente video!!!

Como siempre tus videos se entienden perfecto!. Claro y concisos y tu forma de explicar muy clara y 35 min se pasan volando. Sigue asi hermano, te felicito!

Wow es de los tutoriales mas completos y mejor explicados que he visto muchas gracias por compartir tu´conocimiento. Me fue de mucha utilidad

Como siempre subiendo contenido excelente en todas tus plataformas!!!. Gracias por compartir tus conocimientos

Muchas gracias! habia comprado hace mucho el curso de Boostrap 4 en udemy y la verdad explicas muy bien y super entendible todo. Esto me estaba costando y realmente lo pude entender con el video. Muchisimas gracias de nuevo!

Excelente ;) he hecho casí todos tus cursos, actualmente voy por el de Bootstrap, pero gracias a ti he aprendido Diseño Web, PHP, y comoc rear tiendas online, saludos!!

Excelente aporte, muchas gracias Carlos y saludos desde Colombia

Mano tus videos son muy buenos! full dinámicos para nada aburridos y hablas rapidito (super importante en estos videos largos).

Gracias por tomarte el tiempo de enseñarnos hermano, un sub más!

Excelente, Muy conciso y facil de entender. Muchas gracias.

Excelente video, me gustaria que ampliaras su uso con sass. Gracias

He aprendido algo nuevo hoy! Gracias.

Hola!! Excelente la explicación para los q estamos empezando, Gracias por compartir!!

pordías subir màs prácticas utilizando SASS por fa, me encantan tus vídeos, saludos

Excelente tutorial!!! Me encanto mucho como se reutiliza el codigo, grande Falcon

Gracias por este vídeo, lo explicas muy bien y de forma sencilla

Saludos. Excelente aporte, como siempre

Excelente explicación, después de varios videos pude entenderlo completamente.

Me gustó el vídeo. Y de hecho hace poco estaba investigando esa metodología para aplicarlo en mis proyectos, así que tu video fue un gran aporte, gracias👍🏻

Hola, escribo desde Argentina! me encanta como explicas sos un genio, gracias por los videos!

hola! gracias por tu video. Muy claro y me despejó varias dudas acerca de esta metodología. Claramente se estructura mejor el código y es de mejor lectura.

Muy buena explicación. Queda muy claro. Gracias!

Muchas gracias por este video! necesito empezar a practicar esta metodología! saludos. 👋

Siempre un gusto ver tus videos!

Arturo excelente video muchas gracias.

Hermano he aprendido bastante con usted 🙏🏾

Gracias por la explicación, eres genial, te deseo mucho éxito.

Excelente video, muchas gracias por compartir. Solo una cosa para los que lean este comentario. En el minuto: 22:21, en el tutorial se utilizo lo siguiente: transition: .5s all; Aunque esta bien y funciona. Alguna Vez en un curso que llama Motion Design with CSS by Rachel Nabors. Ella decia que no es buena practica utilizar el "all" sino especificar la propiedad css en este caso background-color. En lo que le pude entender ella argumentaba que esta palabra "all" pone en alerta a todo el navegador a todos los "posibles cambios" y podría no tener un buen rendimiento. Lo correcto es: transition: background-color .5s ease-out; // El ease-out lo especifique, en el transition del ejercicio Carlos Arturo no lo especifica pero por defecto es: ease. Gracias.

Como siempre chingones tus videos master, la verdad tu forma de enseñar es unica. muchas gracias por tus videos se aprende mucho.

Muy buena explicación, muchas gracias! :)

Muchas gracias, esun completo genial para mis estudios

Excelente video, pondré en práctica ésta metodología, saludos programador 😎

Eres un Dios explicando, gracias! :)

esta metodología Bem, me recuerda al método que emplea Bootstrap, así uses CSS sin frameworks; ésta metodología es muy buena para organizar el código y evitar el anidado de clases en el modo tradicional, muchas gracias por el tutorial.. Rock & Roll por Siempre 😎

Gracias ou obrigada, vídeo perfeito! ME ajudou a visualizar melhor como funciona na prática!

Gracias, muy clara la explicación

Mejor explicado imposible. Gracias!!!

Excelente tutorial!! Super bien explicado

ERES EL MEJOR AMIGO !!! muchas gracias

Muy bien explicado, gracias.

Increíble video!!! muchas gracias!!! :)

Maravilloso el contenido y la explicación. Tengo una duda, en el minuto 22:40 hablas de la importancia de la propiedad display con el valor inline-flex, pero ese mismo bloque de código unas líneas antes tiene display con valor inline-block. eso no me quedó claro.

Eres extraordinario para explicar, estoy haciendo tus cursos en udemy y he aprendido más que en la facultad

Gran contenido, muy buena explicación.👌👌

Excelente curso! gracias...

Por fin me quedó claro muchas gracias!!!

Amigo excelente explicación

Excelente explicación! Gracias!

Vine buscando sobre bem y meencontre con mucho mas. Suscrito

Me gusta mucho esta metodolog'ia, creo que es como funciona bootstrap. Buen contenido como siempre!!!

Muy buen contenido, Yes Sir !! Gracias Falcon 👆👆

que bien explicas, muchas gracias

Grandiosa explicación !

muchas gracias por este video he aprendido mucho

Gracias Falcon! Ultimamente estás haciendo videos súper interesantes para los que recién comenzamos, eternas gracias!

Soy principiante y me parece que BEM es genial, me parece bastante útil sin importar que complique un poco el código de html.

gracias una explicación fenomenal

Buenísima metodología! Gracias!!

Gran clase gracias men

Buena explicación, saludos

Buenisimo! muchas gracias por este video, me ayudo a comprender que es un modificador Saludos

Gracias era justo lo que nesecitaba hoy

Ufffff justo a tiempo, super útil gracias!

Felicitaciones me gusto mucho te explcación, podrías hacer otro explicando como usar BEM con SASS?

Fantástico ahora si comprendo una consulta y para scss me parece que la sintaxis en seria dentro de card solo colocaria __thmbnail?

esto tiene mas sentido y logica que los selectores. y muy sensillo y facil de entender gracias..

Excelente vídeo y súper bien explicado. Muchas gracias! 😊

Excelente vídeo. Me permito dejar un resumen de algunos conceptos tratados en el vídeo. *Bloques: HTML que contiene otro HTML como elementos, los bloques tienen propiedades CSS genéricas sí mismos y como tratarían a los elementos. *Elementos: propiedades CSS, de igual forma, genéricas que dan estilo al mismo. *Modificadores: permiten alterar el diseño o comportamiento del elemento en cuestión, es decir, propiedades CSS que decoran al elemento. Si lo comparamos con patrones de diseño bajo el ramo de la programación, estos serían: Composite y Decorator.

excelente me quedó mucho más claro 👌💯

Grandioso. Sin comentarios.

Esto esta genial! muchisimas gracias!

gracias :D !!! lo haces sencillo y claro!

Gracias Falcon, excelente.

Gracias, ahora si me quedó claro.

Gracias crick! Gran video.

Gracias a ti he podido avanzar muchisimo totalmente desde cero en el mundo del front end. Hace un año apenas jamás me imaginaba con todos los conocimientos que tengo hasta ahora y en parte se debe no solo a los cursos que he hecho si no a tus videos. Aparte amo tu voz y tu manera de explicar todo jajaja. Saludos, Carlos. No dejes de seguir subiendo videos.

Wow, que joya de canal. Suscrito y empezaré a ver lo que más pueda de tu contenido. Saludos!

gracias por el video me aclaro ese tema :)

gracias por tu aporte mi hermano, te doy me gusta porque valoro tu aporte, aunque en lo personal no le veo tanto potencial a BEN ya que realmente no da una solución importante ya que en lo personal hago mis proyectos organizando todo, prácticamente lo que hace BEN pero a mi estilo, porque para no repetir código reutilizo los elementos que se pueda y creo clases adicionales para dar propiedades específicas según corresponda .... Pero de igual gracias por tu aporte bro,,,

Dios te bendiga, muy bien ahora entiendo mejor, gracias falconMasters

en el min 15:20 dices que no sueles utilizar BEM en tus videos por que temes a que el usuario no entienda pero, en verdad eres el unico youtuber que has explicado genial display grid y flex junto a este video recien te descubri!!! eres fenomeno!!

Quiero programar como tu lo haces. Nuevo sub.

Muchas gracias, eres el mejor enseñando en estas cosas de html y css, no hay otra persona que lo explica mejor, Saludos desde el Salvador :3

Gracias por compartir tus conocimientos talves tengas un ejemplo de como realizar un carrito de compras... Saludos me suscribo a su canal para mas contenido ..

Tienes un don para explicar y vaya que le estas sacando provecho, pocos canales de programacion tienen los 500k de seguidores es un gran merito, luego me paso por tus cursos de udemy.

Que bueno, espero algo de sass actualizado

Excelente Carlos

Gracias Carlos, Excelente como siempre!

excelente video

Me agrada esa metodología. Si se utiliza SASS, se puede organizar todo de forma modular y elegir los componentes al generar el CSS.

gracias, por fin entendi esto

Uuuuffff super facil, práctico y sencillo. Jajajajaja la explicación perfecta, muchas gracias. Me suscribo y te dejo tu Me Gusta!. :D

Gracias amigo!!

Eres un maestro 👍

Demasiado bueno!!!!

Muy bien explicado, y que metodología usas normalmente?