🚀 CURSO COMPLETO Metodología BEM (Escribe un código CSS profesional)

Поделиться
HTML-код
  • Опубликовано: 12 дек 2024

Комментарии • 91

  • @AlexCGDesign
    @AlexCGDesign  3 года назад +6

    📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss

  • @outletshelssy
    @outletshelssy 2 года назад +2

    Muchas gracias por este maravilloso vídeo.

  • @trianogerman
    @trianogerman 2 года назад +2

    Buenísimo! Muy claro!

  • @jesussalas1329
    @jesussalas1329 2 года назад +2

    Gracias Alexander excelente curso. Muy explicativo muy claro. Bendiciones

  • @estefaniarosales87
    @estefaniarosales87 2 года назад

    gracias!!!

  • @lizethaguirre2603
    @lizethaguirre2603 3 года назад +13

    Que buena explicacion, me costaba trabajo aplicarlo pero ahora con este video me quedo super claro, gracias.❤️

    • @AlexCGDesign
      @AlexCGDesign  3 года назад +2

      Excelente Lizeth, un saludo!

    • @tuto1069
      @tuto1069 3 года назад

      ayudame con un resumen porfa

  • @spanioulis77
    @spanioulis77 Год назад

    Muy buena explicación, clara y concisa. Enhorabuena y gracias!

  • @fidelp27
    @fidelp27 2 года назад +1

    Muy bueno el video, gracias por compartir

  • @Adormir123
    @Adormir123 Год назад +1

    que buena explicacion!

  • @Johannind
    @Johannind 2 года назад

    Grandee no entendia mucho sobre esto y me sacastess las dudas. sos el mejor

  • @FranFuMuss
    @FranFuMuss 3 года назад +4

    Hola Alex! he visto dos videos de tu canal y me parece que explicas muy bien y todo muy claro, muchas gracias! Una pregunta, qué es mejor a la hora de escribir navbars, incluir los links dentro de un y luego ... o simplemente como lo hiciste tú acá en el video ? Además de la diferencia obvia, existen otras implicaciones en el código a la hora de elegir los elementos?

    • @KingCrimson6
      @KingCrimson6 2 года назад +3

      Re tarde pero capaz ayude a alguien en el futuro, he visto en varios codigos que se utiliza nav, dentro del nav, un div, luego el ul, luego el li y por ultimo el a

    • @asuspc8840
      @asuspc8840 2 года назад

      @@KingCrimson6 Exacto!

  • @hm4gn0
    @hm4gn0 2 года назад +1

    Vi 10 videos y no lo terminaba de entender, hasta que vi el tuyo, muy bien hecho!!

    • @AlexCGDesign
      @AlexCGDesign  2 года назад

      Que bueno que te ha gustado, te recomiendo este vídeo:
      💥 Curso CSS3 DESDE CERO (tutorial completo)
      ruclips.net/video/WfDqFArJnYA/видео.html

  • @miguelolarte1889
    @miguelolarte1889 Год назад

    Amigo muchas gracias, me has aclarado muchísimas dudas en cuanto a maquetación, siempre me preguntaba como podía organizarme bien a la hora de implementar el css, perfecto, todo muy bien explicado, muchas gracias.

  • @elen2ne1
    @elen2ne1 2 года назад

    gracias, con tu video deje de llorar, lagrimas de sangre

  • @nixiz5481
    @nixiz5481 Год назад +1

    Muchas gracias bro me estaba costando este tema y gracias a ti ya lo logré entender

  • @federicoaldana5952
    @federicoaldana5952 3 года назад

    Entendidisimlo, gracias.

  • @carlossolis5969
    @carlossolis5969 Год назад

    ... excelente contenido, teoría y práctica a la par que permiten entender el concepto al 100% y aplicarlo de inmediato al proyecto que se esté realizando. Felicidades.

  • @kaparot1
    @kaparot1 2 года назад

    Excelente amigo. Muy bien aplicado. Saludos desde Córdoba. Argentina

  • @Whrabbit
    @Whrabbit Год назад

    super genial, despegas las dudas iniciales muy fuertes y motivas a seguir avanzando en la teoria y practica

  • @andreurestrep
    @andreurestrep 2 года назад

    Muchisímas gracias hermano, me encantó el video es bastante útil y eficiente.

  • @Johanarena_0
    @Johanarena_0 2 года назад

    Gracias viejo muy bien explicado

  • @markuswater
    @markuswater 3 года назад +4

    Me parece interesante esta nueva forma de nombrar elementos, desde ahora la aplicaré en mis proyectos 🤙

  • @antonioponce5938
    @antonioponce5938 2 года назад

    Buen video gracias!

  • @corporacionbhcorporacionbh923
    @corporacionbhcorporacionbh923 2 года назад

    Excelente explicación, desempolvando conocimientos, tengo conocimientos de CSS más o menos avanzados pero igual me gustaría hacer el curso completo en algún momento para actualizar conocimientos. Saludos desd Venezuela.

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

    excelente tutorial!

  • @sauloram6039
    @sauloram6039 3 года назад +1

    DE LUJO!!!!
    Esperadisimo este video!

  • @juang7405
    @juang7405 3 года назад

    Tan Sencillo como práctico!

  • @RubenTeamDev
    @RubenTeamDev 3 года назад +1

    Muchas Gracias Alex. 👍

  • @lexurrea8977
    @lexurrea8977 3 года назад

    Excelente explicacion muchas gracias.

  • @cesarpacheco9155
    @cesarpacheco9155 7 месяцев назад

    Profe, muchas gracias he aprendido BEM 😅

  • @oscaralvarez1519
    @oscaralvarez1519 3 года назад +1

    Que buen Tutorial acerca de esta metodologia, no sabia ese truco de los height en el menu y la imagen de logo muy bueno, ojala haya otro tutorial acerca de BEM en el futuro

  • @Maurice0921
    @Maurice0921 3 года назад

    He visto varios de tus videos, me has convencido de comprar tu curso

  • @francovedia5584
    @francovedia5584 Год назад

    Gracias

  • @miguelavila1308
    @miguelavila1308 3 года назад

    Me quedé muy claro!! Muchas gracias

  • @hm4gn0
    @hm4gn0 2 года назад

    Bue nisimo! Gracias

  • @jorgebenavidesnati2664
    @jorgebenavidesnati2664 2 года назад

    buen video gracias

  • @manueljesustenoriosilva1092
    @manueljesustenoriosilva1092 3 года назад

    Muchas gracias por el aporte!!!!

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

    Excelente!

  • @luigimgnictech
    @luigimgnictech 3 года назад

    Excelente tutorial.
    Muy bien explicado.

  • @sandrocordova8730
    @sandrocordova8730 2 года назад

    Viejo que buen video , buena edicion buenos ejemplos todo un crack muchas gracias :))

  • @jonathanvarongomez8475
    @jonathanvarongomez8475 3 года назад

    Excelente, aprendí y me queda claro. Sigue así

  • @keinertapia2183
    @keinertapia2183 3 года назад

    Recomiendas utilizar Sass?

  • @jonathanbernal6980
    @jonathanbernal6980 3 года назад +1

    Hola tengo una duda el la documentación de bem aparece que no son rayas al piso sino dos guiones
    ejemplo:
    Esto por que?

  • @luisfernandotroncosomontes2713

    ¿Que extencion de visual usas para que cuando notas las etiquetas, se vaya actualizando en tiempo real en el navegador? 11:30

    • @manuseitz8887
      @manuseitz8887 Год назад

      No es una extensión, es una opción de autoguardado dentro de VSC. Se encuentra en "archivo > autoguardado".

  • @chocco-pit
    @chocco-pit 3 года назад

    Gracias por contenido

  • @xxz-h7i
    @xxz-h7i 3 года назад

    exelente explicacion

  • @leonardolopez2614
    @leonardolopez2614 3 года назад +1

    Excelente video, muy educativo, la verdad, estaba esperando algo de este tema de parte tuya. Esta metodología es la más usada, la más importante o la más fácil??, Es decir, por qué usar esta y no otra? Gracias por tú respuesta.

    • @Ezengam3r
      @Ezengam3r 3 года назад

      Pregunto lo mismo.

    • @AlexCGDesign
      @AlexCGDesign  3 года назад +1

      Holaaa!! Aquí puedes encontrar la diferencia: getbem.com/introduction/

  • @matifiordelli3886
    @matifiordelli3886 2 года назад

    Excelente

  • @eliasortega8681
    @eliasortega8681 Год назад

    tengo dudas del ejercicio en si, al colocar height al nav___logo 100% , eso idicaria q tomaria lo 70px de alto y por eso se cobre de blanco todo el nav (supongo q es porq es un bloque por lo tanto también toma todo el ancho), pero al colocar height a la img tambien 100%, entonces ocuparia el el contenedor nav__logo y por lo tanto le daria un ancho ??? y por eso el morado aparece ???

  • @ldlcp6724
    @ldlcp6724 3 года назад

    gran video compañero!!

  • @laurasilva4286
    @laurasilva4286 2 года назад +1

    ¿La etiqueta a no debería ir dentro de una lista? En ese caso como aplicaría BEM?
    ¿Esta bien si lo hago así? porque la verdad veo la documentación y no explica mucho y he visto videos y no veo ejemplos de este caso







    Link1

  • @llleito1505
    @llleito1505 Год назад

    perfecto

  • @brayanperez5746
    @brayanperez5746 3 года назад +1

    Saben que extensión de visual code usa para que cuando ponga el header.header le salga header class=header

    • @AlexCGDesign
      @AlexCGDesign  3 года назад

      Viene integrado en VSCODE se llama Emmet

    • @AlexCGDesign
      @AlexCGDesign  3 года назад

      Te recomiendo este video: ruclips.net/video/eHTRYaFQRGc/видео.html

    • @brayanperez5746
      @brayanperez5746 3 года назад

      @@AlexCGDesign gracias!!!

  • @enzoalberto6408
    @enzoalberto6408 3 года назад

    Execelente video!

  • @amazingmusicfree444
    @amazingmusicfree444 3 года назад

    Hola amigo, recomiendame una escuela para estudiar online, estoy aprendiendo HTML de los cursos que subes.
    Gracias por tu apoyo

  • @federicoaldana5952
    @federicoaldana5952 3 года назад

    Tengo una pregunta, con respecto al header, tú colocaste el logo dentro de la etiqueta nav, me h dicho que está mal eso y que se coloca en un bloque aparte pero dentro del nav ... Es verdad o de las 2 formas está bien.

    • @AlexCGDesign
      @AlexCGDesign  3 года назад

      Se podría optar por otra etiqueta y dar más semántica por ejemplo una etiqueta figure, yo lo haría de esa manera en un proyecto más serio

  • @alojatedemente
    @alojatedemente Год назад

    falto el orden de las carpetas justamente eso era lo que buscaba,

  • @jairoandresagudelo6811
    @jairoandresagudelo6811 3 года назад +3

    Bro podrías hacer un tutorial del DarkMode !!

    • @AlexCGDesign
      @AlexCGDesign  3 года назад

      Claro Andres, un saludo!

    • @ttt7694
      @ttt7694 3 года назад

      Agarras el boton con js le agregas un eveento que seria click le haces una funcion que cambie o agrege una clase css listo

  • @suncopper1841
    @suncopper1841 2 года назад

    5:48

  • @renzoalvarez612
    @renzoalvarez612 3 года назад

    Perfecto

  • @enriquepenanieto9784
    @enriquepenanieto9784 3 года назад

    Amigo con que grabas la pantalla? Tengo la misma lap que tu, matebook d14, y cuando grabo con obs los colores se ven muy apagados:(

  • @dontqsy5101
    @dontqsy5101 3 года назад +2

    Una duda, en caso de que el nombre sea compuesto, se lo separa con un solo guion? Ejemplo:
    Bloque:
    .price-list
    Elemento:
    .price-list__item
    Modificador:
    .price-list__item--red
    Eso es correcto o se recomienda no utilizar nombres compuestos?

    • @AlexCGDesign
      @AlexCGDesign  3 года назад

      Sí, se podría de esta manera, te recomiendo que para más dudas puede ir a getbem y hacer preguntas en la sección de FAQ.

  • @daliendor
    @daliendor 17 дней назад

    Por qué le pones la clase nav__img a la etiqueta img que va dentro de la etiqueta nav que lleva la clase nav__logo?? Eso me ha descolocado. ¿No tendría que llamarse nav__logo_img? ¿Os es que predomina para nombrar las clases el Bloque principal? El vídeo increible, gracias de antemano :)

  • @jampy42
    @jampy42 3 года назад

    Gracias amigo, la verdad tu vídeo me ayudó mucho, por cierto, vas a hacer más páginas de frontendmentor? Me gustó mucho la de tu directo anterior :D

  • @federicoaldana5952
    @federicoaldana5952 3 года назад

    Otra pregunta, al usar Sass la anidación permite no estar escribiendo el nombre de las.clases sin embargo también se puede utilizar Ben + Sass eso es un potencial:0 + modularidad brutal.

    • @AlexCGDesign
      @AlexCGDesign  3 года назад +1

      Muy cierto, el parent element nos permite eso y mucho más:)

  • @cristhianmarulanda1030
    @cristhianmarulanda1030 2 года назад

    como copio una linea y la repito varias vecesasi de rapido?

  • @c.a.r.f4552
    @c.a.r.f4552 3 года назад

    buen video, lo unico raro es que no se porque la imagen y el menu me quedaron a la derecha y no a la izquierda como en el video

  • @silb.3289
    @silb.3289 2 года назад

    Per.. es necesario ponerle una clase al header, por ej? si solo vamos a tener un solo header.. para que ponerle clase?

  • @barondls8134
    @barondls8134 3 года назад +1

    2:41 Inicia el video.

    • @filipcipagauta2799
      @filipcipagauta2799 2 года назад +1

      Y por qué no tenemos paciencia y así ayudamos al joven para que crezca su canal, ¿no te veneficias acaso de sus videos?

    • @barondls8134
      @barondls8134 2 года назад

      @@filipcipagauta2799 Mucho preámbulo, aunque si, me beneficio y mucho.
      Y lo mío es una ayuda para los que van de carrera 🙂. No es con el fin de minimizar su trabajo.

  • @cristiansalazar2048
    @cristiansalazar2048 2 года назад

    put444 soy blindado no comprendo bien la informacion parese simple y llega un momento en que me pierdo