@@santiago2950 absurdo???? Es lo más lógico, cómo van a saber el nivel que tenés de programación sin tener un portfolio o proyectos realizados? Sabes programar y no tenes nisiquiera un portfolio con al menos un par de proyectos? Entonces que? Sabes programar y no hiciste en tu vida una web para poder mostrárselas a la empresa? Por eso mismo es importante un portfolio, es imposible que sepas programar a nivel de entrar en una empresa y no tengas webs hechas por vos para mostrar
Se agradece mucho el video! Bien explicado. Algunos timestamps: 7:05 explicación de BEM visualmente, 7:30 Elementos versus Bloques, 23:38 Modificadores
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.
Es cierto, lo ideal es establecer solo la propiedad que vamos a animar. Yo por comodidad pongo all en mis videos, pero es mejor especificar que propiedad queremos animar.
@@FalconMasters a mi en el minuto 22, no me queda claro la razon por la que pone en el boton Display inline block y luego inline flex.... osea que el contenedor obtiene las 2 propiedades? Realmente no entendi, pense que solo se podia poner 1 display, para mi era como poner 2 background color en un selector, que el segundo anula al primero.
@@solucionesruiz igual me quede con la misma duda 🤔... Al utilizar la misma propiedad dos veces por la regla de la cascada se supone anula la primer escrita...
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!!
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.
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.
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 😎
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.
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.
Hola Falcon! tengo una duda, en el minuto 21:36 , donde comentas las propiedades del boton, tenes dos display, uno inline-block y otro inline-flex ¿para qué sirve esto¿ ¿inline-flex no está pisando a inline-block?
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!!
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!
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!
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.
Al usar un constructor o CMS no siempre es posible agregar clases personalizadas a cada elemento, sin embargo suelen tener clases predefinidas aunque usarlas puede resultar poco familiar o quizá incluyan estilos que no deseas o que en ocasiones pueden chocar con los propios. Desde hace tiempo he buscado una metodología que funcione y a veces me pregunto si es mejor nombrar a los elementos o nombrar las clases según su función, suelo usar clases como primary-color, secondary-color... o space-b, space-r... primary-align, secondary-align... y sólo cuando necesito algo especifico o no puedo añadir una clase al elemento deseado, nombro al elemento padre y uso selectores para lo que busco, más o menos me ha funcionado pero busco algo más concreto, quizá intente con esto del BEM o siga buscando alternativas
Tengo una duda. Al ser tipo cascada si colocas primero display: inline-block; y luego display: inline-flex; Este último no termina sustituyendo al primero?
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👍🏻
Esto me hace pensar, si se pueden crear componentes, hay alguna pagina web que tenga ya varios componentes creados y que podamos usar? tipo solo copiando y pegando tanto el html como el css de dicho componente, no se si haya un recurso asi, me imagino que si, ayudaria bastante
En el minuto 12:25 "acomodaste" el lorem ipsum de forma tal de que quedó todo el contenido de la etiqueta dentro de la pantalla. Cómo se hace eso? Intenté buscarlo, pero no lo encontré. Alguien sabe?
Saludos Falcon. Corrígeme si me equivoco, pero es que realmente no veo la necesidad de esta metodología ya que, según me parece, puedo acceder a la clase de cualquier elemento sin necesidad de referenciar el elemento padre, ejemplo, puedo agregar un width a la imagen solo con indicar la clase de mi img. HTML Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid, ea repellat cumque voluptatum sequi quia. Sequi impedit, corrupti tempore atque illo tenetur architecto harum est sapiente? Vitae est doloribus aliquid!
Si asi es, pero esta metodologia esta oritentada a proyectos enormes porque imagina que tienes una imagen con ese width 100%, pero si llegaras a tener otra imagen en la pagina en la cual no quieres ese width 100% pues le pondras otra clase diferente, pero como el proyecto es enorme te podrias topar con decenas de imagenes con estilos diferentes y tendrias que buscar nombres de clases diferentes para cada una y pues terminaria siendo un caos. Es por eso que estas metodologias son muy utiles para proyectos que son muy grandes y tienen estilos reutilizables.
@@alexisnoe27 entiendo. Aunque estoy de acuerdo contigo, aún no me convence de todo, porque según veo en el video de Carlos hay que agregar a cada elemento clases y más clases, lo mismo que a la vieja usanza. Me corriges? Gracias por responderme.
Tal como ya te menciono Alexis, para un proyecto pequeño si puedes acceder a .img y darle un tamaño, pero en proyectos grandes vas a tener muchas clases y si haces eso vas a tener problemas para organizar y clasificar tus clases.
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,,,
Justo voy repasando algo de BEM ya que lo voy a usar en el trabajo que obtuve y es irónico... En uno de mis proyectos personales, ya comenzaba a sufrir con la especificidad de .container .card .left .img.... Increíble.
super, muy buen video. No entendi una cosa, no tengo demasiada experiencia y esto me confundio; en el boton tienes dos veces display, explicaste por que lo pones si, pero yo pense que el segundo sobrescribe el primero, por lo que el primero es innecesario, no? si alguien sabe, le agradezco de ante mano la aclaracion, seria de gran ayuda.
Hola Marta, en este caso no es recomendable que le pusieras por ejemplo card__p tiene que ser card__parrafo, porque luego puedes cambiar la etiqueta P en el codigo html por otra. Lo ideal es ponerles un nombre. Y despues los nombres no se heredan, no seria card__p__img, solamente seria card__img.
Excelente Tutorial estimado Falcon, me gusto esta metodología te simplifica el hecho de escribir etiqueta tras etiqueta en el css, y lidiar con la especificidad . Un apunte no sé si de pronto Amigo FalconMaster te animas a realizar un tutorial sobre PUG, que creo que junto con estas metodología uno dispondria de un complemento genial, y no aria que el escribir tanas clases sea algo monótono, como tú lo mencionas un contra de esta metodología, y digo porque PUG tiene variables, funciones, mixins etc. que arián menos tedioso estar, reitero escribiendo clases y clases en el HTML, . Me gusto el tutorial y un saludo cordial y espero que te animes hacer unos videos sobre pug ...
Genial video me aclara muchas dudas. Una pregunta, es mejor poner los iconos como svg dentro del html y no recurrir a recursos externos de font awesome para mayor velocidad no? tiene algo negativo hacerlo con svg?
BEM se pone interesante cuando trabajamos con Sass, porque podemos hacer cosas como estas: ``` .card { código... &__title { código... } &__thumbnail { código... } } .button { &--absolute { código... } } ```
Si te gusto el video dale manita arriba para mas videos como este! 👍
Porque usas 2 display en la misma regla css? 22:20
@@fedema7 se equivocó, pero la última es la válida por la cascada. Se aplica el inline-flex
Gracias a Falcon (Carlos A.) se el 50% de lo que se en Frontend y obtuve empleo bien pago, gracias por todo.
q tanto se necesita saber para conseguir empleo mijo???
@@uikilo6372 x2
@@berling32 con html ,css y js básico puedes ir ya buscando claro con tu portafolio y proyectos realizados
@@jhonatanwalterarizaquispe8933 y si no tengo nada no tengo trabajo entonces? Q absurdo
@@santiago2950 absurdo???? Es lo más lógico, cómo van a saber el nivel que tenés de programación sin tener un portfolio o proyectos realizados? Sabes programar y no tenes nisiquiera un portfolio con al menos un par de proyectos? Entonces que? Sabes programar y no hiciste en tu vida una web para poder mostrárselas a la empresa? Por eso mismo es importante un portfolio, es imposible que sepas programar a nivel de entrar en una empresa y no tengas webs hechas por vos para mostrar
Se agradece mucho el video! Bien explicado. Algunos timestamps: 7:05 explicación de BEM visualmente, 7:30 Elementos versus Bloques, 23:38 Modificadores
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!
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.
Es cierto, lo ideal es establecer solo la propiedad que vamos a animar. Yo por comodidad pongo all en mis videos, pero es mejor especificar que propiedad queremos animar.
@@FalconMasters a mi en el minuto 22, no me queda claro la razon por la que pone en el boton Display inline block y luego inline flex.... osea que el contenedor obtiene las 2 propiedades? Realmente no entendi, pense que solo se podia poner 1 display, para mi era como poner 2 background color en un selector, que el segundo anula al primero.
Buena información amigo
@@solucionesruiz igual me quede con la misma duda 🤔... Al utilizar la misma propiedad dos veces por la regla de la cascada se supone anula la primer escrita...
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!!!
Sobre todo combiarlo con git
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!!
Muchas gracias!
Estoy preparando un curso nuevo y en el si que voy a usar bem.
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
Muchas gracias!
Tambien siento lo mismo, yo compre el de bootstrap 4 es el mejor lejos, si tuviera alguno de react node o alguno de esos compro con los ojos cerrados
Jajaja, de hecho sí, yo también he aprendido más en su curso de Diseño Web Profesional que con lo que me enseñan en la universidad
@@JonGCode Ya lo tiene jajsja
Mano tus videos son muy buenos! full dinámicos para nada aburridos y hablas rapidito (super importante en estos videos largos).
Gracias Falcon! Ultimamente estás haciendo videos súper interesantes para los que recién comenzamos, eternas gracias!
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.
Muchas gracias por compartir este resumen.
@@FalconMasters gracias a ti.
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 😎
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.
Muchas gracias!
Hola, escribo desde Argentina! me encanta como explicas sos un genio, gracias por los videos!
Wow es de los tutoriales mas completos y mejor explicados que he visto muchas gracias por compartir tu´conocimiento. Me fue de mucha utilidad
Hola!! Excelente la explicación para los q estamos empezando, Gracias por compartir!!
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.
Gracias Marie! es un placer que mis videos te gusten mucho y aprendas con ellos :D
Hola Falcon! tengo una duda, en el minuto 21:36 , donde comentas las propiedades del boton, tenes dos display, uno inline-block y otro inline-flex ¿para qué sirve esto¿ ¿inline-flex no está pisando a inline-block?
Tengo esta misma inquietud. Además, veo que tambien se "piso" la propiedad "background".
Soy principiante y me parece que BEM es genial, me parece bastante útil sin importar que complique un poco el código de html.
Como le haces para colapsar el ? 28:00
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!!
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!
Muchas gracias por este video! necesito empezar a practicar esta metodología!
saludos. 👋
Fantástico ahora si comprendo una consulta y para scss me parece que la sintaxis en seria dentro de card solo colocaria __thmbnail?
Excelente aporte, muchas gracias Carlos y saludos desde Colombia
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 Starbucks, patrociname! :P
@@FalconMasters eso haré, voy a hacer unas mejoras y luego pondré un link a tu página :D
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 video, pondré en práctica ésta metodología, saludos programador 😎
Gracias por la explicación, eres genial, te deseo mucho éxito.
esto tiene mas sentido y logica que los selectores. y muy sensillo y facil de entender gracias..
Eres un Dios explicando, gracias! :)
pordías subir màs prácticas utilizando SASS por fa, me encantan tus vídeos, saludos
Vine buscando sobre bem y meencontre con mucho mas. Suscrito
Gracias por tomarte el tiempo de enseñarnos hermano, un sub más!
Muchas gracias, esun completo genial para mis estudios
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.
ERES EL MEJOR AMIGO !!! muchas gracias
Excelente explicación, después de varios videos pude entenderlo completamente.
Al usar un constructor o CMS no siempre es posible agregar clases personalizadas a cada elemento, sin embargo suelen tener clases predefinidas aunque usarlas puede resultar poco familiar o quizá incluyan estilos que no deseas o que en ocasiones pueden chocar con los propios. Desde hace tiempo he buscado una metodología que funcione y a veces me pregunto si es mejor nombrar a los elementos o nombrar las clases según su función, suelo usar clases como primary-color, secondary-color... o space-b, space-r... primary-align, secondary-align... y sólo cuando necesito algo especifico o no puedo añadir una clase al elemento deseado, nombro al elemento padre y uso selectores para lo que busco, más o menos me ha funcionado pero busco algo más concreto, quizá intente con esto del BEM o siga buscando alternativas
Excelente video, me gustaria que ampliaras su uso con sass. Gracias
Wow, que joya de canal. Suscrito y empezaré a ver lo que más pueda de tu contenido. Saludos!
Que aprendas mucho con mis videos!
Tengo una duda. Al ser tipo cascada si colocas primero display: inline-block; y luego display: inline-flex; Este último no termina sustituyendo al primero?
Una pregunta, creo que está por demás declarar display dos veces en el min. 22:09 o estoy mal?. Excelente video.
Si, fue error mio. Pero no pasa nada, solamente se sobreescribe la propiedad y termina con la ultima que se ejecuto.
Muy buen contenido, Yes Sir !! Gracias Falcon 👆👆
Muy buena explicación. Queda muy claro. Gracias!
Grandiosa explicación !
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👍🏻
Me gusta mucho esta metodolog'ia, creo que es como funciona bootstrap.
Buen contenido como siempre!!!
Me agrada esa metodología. Si se utiliza SASS, se puede organizar todo de forma modular y elegir los componentes al generar el CSS.
Grandioso. Sin comentarios.
Como siempre chingones tus videos master, la verdad tu forma de enseñar es unica. muchas gracias por tus videos se aprende mucho.
Uuuuffff super facil, práctico y sencillo. Jajajajaja la explicación perfecta, muchas gracias. Me suscribo y te dejo tu Me Gusta!. :D
Muchas gracias!
Gracias, muy clara la explicación
muchas gracias por este video he aprendido mucho
Amigo excelente explicación
Siempre un gusto ver tus videos!
Esto me hace pensar, si se pueden crear componentes, hay alguna pagina web que tenga ya varios componentes creados y que podamos usar? tipo solo copiando y pegando tanto el html como el css de dicho componente, no se si haya un recurso asi, me imagino que si, ayudaria bastante
Felicitaciones me gusto mucho te explcación, podrías hacer otro explicando como usar BEM con SASS?
si se usa Flex para separar elementos no sería mejor utilizar Gap en vez de margin? o es una mala práctica?
Muy bien explicado, gracias.
Mejor explicado imposible. Gracias!!!
Como siempre subiendo contenido excelente en todas tus plataformas!!!. Gracias por compartir tus conocimientos
Arturo excelente video muchas gracias.
gracias una explicación fenomenal
Hermano he aprendido bastante con usted 🙏🏾
excelente me quedó mucho más claro 👌💯
Buenisimo! muchas gracias por este video, me ayudo a comprender que es un modificador
Saludos
En el minuto 12:25 "acomodaste" el lorem ipsum de forma tal de que quedó todo el contenido de la etiqueta dentro de la pantalla. Cómo se hace eso? Intenté buscarlo, pero no lo encontré. Alguien sabe?
Se llama Line Wrap en visual studio code es con Alt + Z
@@FalconMasters Muchas gracias!
Amigo como se llama el plugin que utilizas en el minuto 6:23 ?
Gracias por este vídeo, lo explicas muy bien y de forma sencilla
He aprendido algo nuevo hoy! Gracias.
Gran clase gracias men
Gracias Carlos, Excelente como siempre!
Gran contenido, muy buena explicación.👌👌
Saludos Falcon. Corrígeme si me equivoco, pero es que realmente no veo la necesidad de esta metodología ya que, según me parece, puedo acceder a la clase de cualquier elemento sin necesidad de referenciar el elemento padre, ejemplo, puedo agregar un width a la imagen solo con indicar la clase de mi img.
HTML
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid, ea repellat cumque voluptatum sequi quia. Sequi impedit, corrupti tempore atque illo tenetur architecto harum est sapiente? Vitae est doloribus aliquid!
CSS
.img{
width: 100px;
}
Si asi es, pero esta metodologia esta oritentada a proyectos enormes porque imagina que tienes una imagen con ese width 100%, pero si llegaras a tener otra imagen en la pagina en la cual no quieres ese width 100% pues le pondras otra clase diferente, pero como el proyecto es enorme te podrias topar con decenas de imagenes con estilos diferentes y tendrias que buscar nombres de clases diferentes para cada una y pues terminaria siendo un caos. Es por eso que estas metodologias son muy utiles para proyectos que son muy grandes y tienen estilos reutilizables.
@@alexisnoe27 entiendo. Aunque estoy de acuerdo contigo, aún no me convence de todo, porque según veo en el video de Carlos hay que agregar a cada elemento clases y más clases, lo mismo que a la vieja usanza. Me corriges? Gracias por responderme.
Tal como ya te menciono Alexis, para un proyecto pequeño si puedes acceder a .img y darle un tamaño, pero en proyectos grandes vas a tener muchas clases y si haces eso vas a tener problemas para organizar y clasificar tus clases.
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,,,
que bien explicas, muchas gracias
Quisiera saber si el curso de CSS en el canal esta actualizado
Justo voy repasando algo de BEM ya que lo voy a usar en el trabajo que obtuve y es irónico... En uno de mis proyectos personales, ya comenzaba a sufrir con la especificidad de .container .card .left .img.... Increíble.
super, muy buen video. No entendi una cosa, no tengo demasiada experiencia y esto me confundio; en el boton tienes dos veces display, explicaste por que lo pones si, pero yo pense que el segundo sobrescribe el primero, por lo que el primero es innecesario, no? si alguien sabe, le agradezco de ante mano la aclaracion, seria de gran ayuda.
Excelente, Muy conciso y facil de entender. Muchas gracias.
Excelente tutorial!!! Me encanto mucho como se reutiliza el codigo, grande Falcon
Excelente explicación! Gracias!
muy bueno , como todos tus vídeos, tengo una duda, si hay un bloque que es card,
hola
sus hio no sería card__p__img, card__p__h2?
esa parte no me quedo clara.
Muchas gracias,
Un saludo.
Hola Marta, en este caso no es recomendable que le pusieras por ejemplo card__p tiene que ser card__parrafo, porque luego puedes cambiar la etiqueta P en el codigo html por otra. Lo ideal es ponerles un nombre.
Y despues los nombres no se heredan, no seria card__p__img, solamente seria card__img.
@@FalconMasters ahhh asq no se anida, por asi, decirlo ¿tanto?
¿seria solo?
@@martacastrillo6280 Exacto
Tienes 2 display en un selector de .boton creo que esta mal o estoy equivocado?
Usas mucho el DIV, esto no semanticamente incorrecto?
Muy bien explicado, y que metodología usas normalmente?
Dios te bendiga, muy bien ahora entiendo mejor, gracias falconMasters
Muchas gracias a ti por ver mis videos, me alegra que el video te haya servido para entender.
Excelente Tutorial estimado Falcon, me gusto esta metodología te simplifica el hecho de escribir etiqueta tras etiqueta en el css, y lidiar con la especificidad . Un apunte no sé si de pronto Amigo FalconMaster te animas a realizar un tutorial sobre PUG, que creo que junto con estas metodología uno dispondria de un complemento genial, y no aria que el escribir tanas clases sea algo monótono, como tú lo mencionas un contra de esta metodología, y digo porque PUG tiene variables, funciones, mixins etc. que arián menos tedioso estar, reitero escribiendo clases y clases en el HTML, . Me gusto el tutorial y un saludo cordial y espero que te animes hacer unos videos sobre pug ...
Hola Nelson, muchas gracias.
No conozco PUG, pero lo voy a investigar y quizás pueda hacer un video mas adelante.
Saludos
que buen video!!!!!
el contenedor no seria parte de BEM hermano???? gracias!
hola, como haces eso con el lorem ?12:23 , no me gusta tenerlo todo en una linea :(
Con alt izquierdo + z
@@FalconMasters muchas gracias bro !
Por fin me quedó claro muchas gracias!!!
Excelente vídeo y súper bien explicado. Muchas gracias! 😊
Gracias!
Excelente tutorial!! Super bien explicado
Genial video me aclara muchas dudas. Una pregunta, es mejor poner los iconos como svg dentro del html y no recurrir a recursos externos de font awesome para mayor velocidad no? tiene algo negativo hacerlo con svg?
Si, SVG es mas ligero que una imagen, Fontawesome usa SVG tambien.
Gracias crick! Gran video.
Saludos. Excelente aporte, como siempre
Excelente video... una consulta, que tema o plugin utilizas para el color del texto en html ?
El tema de Ayu Mirage
@@FalconMasters muchas gracias Bro 😁
BEM se pone interesante cuando trabajamos con Sass, porque podemos hacer cosas como estas:
```
.card {
código...
&__title {
código...
}
&__thumbnail {
código...
}
}
.button {
&--absolute {
código...
}
}
```
La pareja perfecta sass y bem ,
@KingSzar s No amigo, te daría error
Excelente me gustó mucho con sass, veo mi código más organizado y legible... gracias por el comentario
Exactamente
Alli te empiezas a loquear con sass jaja
Explicame, estoy aprendiendo. Que es lo que hace &__ ?