Очень хороший урок, хоть раньше читал в текстовом виде учебник, но когда видишь лайв-кодинг и готовый результат - сразу укладывается в голове ещё лучше.
Алекс, вы очень доходчиво и подробно объясняете. Я веду команду JS разработчиков где мы испытывали трудности в определении и упорядочении оберточных CSS классов компонентов. Решение было применить стили по БЭМ. Но никто не знал как точно ими пользоваться. Нашел твое видео и просто глаза открылись. Я уже вижу где команда использует ВЭМ неправильно и планирую исправить ошибки, ну и естественно подтянуть команду в знании по БЭМ используя твою методику обучения. Выпускай больше видосов по верстке, стилю, ну и вообще фронт энду! Ты молодец! Жду новых видосов!
Здравствуйте, Алекс. Спасибо за такой приятный комментарий от вас. К сожалению не успел ответить быстрее. Я очень рад, что видео действительно помогли вам разобраться в теме БЭМ. Очень надеюсь, что это поможет вам в вашем текущем проекте и в будущих тоже :)
Александр, спасибо за Ваш труд! В изложенном Вами материале методология БЭМ раскрыта простыми и понятными словами и примерами. Теперь писать читаемый и упорядоченный код станет проще. С удовольствием посмотрим видео с практикой по данному материалу. Желаю дальнейших успехов в продвижении канала и профессиональной деятельности!
Спасибо большое за ваш отзыв, очень приятно читать☺, только добрался до комментариев, обязательно запишу практику по бэм и видео про before after, спасибо вам!))
Спасибо вам большое! Прохожу платный курс с преподавателем, он объяснил про БЭМ, но на моменте присвоения нескольких классов мозг просто утёк, т.к. все объяснялось и делалось быстро и инфа была не так хорошо структурирована, как у вас. Однозначно лайк и подписка)) странно, что у ваших видео по БЭМ так мало просмотров. Желаю всяческих успехов и буду ждать много полезного контента)
Спасибо большое, очень приятно читать. Надеюсь, получится развивать эти навыки. Да, в этом месяце планирую записать третий ролик :) Длинный конечно получится, но надеюсь будет полезно.
Для продвижения. Посмотреть практику с адаптивностью было бы интересно. Еще интересно узнать какие проблемы или недостатки есть у бэм (если они есть) и как они решаются
Спасибо вам за помощь :) Да, конечно недостатки есть. Одни из них - длинные названия классов (обойти можно, сокращая слова, но теряется читаемость кода) - в маленьких проектах смотрится громоздко ( можно не использовать БЭМ в простейших проектах) - не всегда прост в освоении :)
Спасибо, было бы классно если Вы запишите видео по приложению TODO, что бы над списком дел добавьте кнопку переключения используемого хранилища. Нажатие на кнопку должно приводить к перезагрузке приложения с другим хранилищем. Если использовалось локальное хранилище браузера, то происходит переключение на сервер с API, и наоборот. Надпись на кнопке должна меняться соответственно на «Перейти на локальное хранилище» или «Перейти на серверное хранилище». По умолчанию используется локальное хранилище. Дополнительно (по желанию). При работе с модулями можно пользоваться так называемыми динамическими импортами, которые позволяют загружать код модуля в тот момент, когда он становится нужен. Механизм довольно простой и похож на уже знакомый вам fetch, так как он тоже асинхронно загружает ресурс.😊
Да, я давно планирую записать такой ролик. Насколько я понял, вы имеете в виду оно из заданий. Skillbox. Думаю, что подобное запишу. Но для начала разберу тему импортом, модулей и динамических импортов. Будет интересно :)
Ах да и спасибо за то что ты делаешь , я собираюсь просмотреть все видео на эту тему и хотел бы углубить знания, надеюсь ты не остановишься и будешь выпускать видео
Спасибо за урок! 2 вопроса: 1. Не совсем понял про роль тире в названии классов (когда его можно ставить и сколько раз в одном классе можно использовать). 2. Зачем нужен был UL и LI, нельзя было просто гридами обойтись? есть блок грид и есть его элементы, которые располагаем как нам надо... Для чего список то?
Спасибо было очень интересно ! А не большой вопрос: Одно нижнее подчеркивание для модификатора, это принцыпиально ? Или можно поставить просто дефис ? Про псевдо элемент тоже интересно посмотреть.
Спасибо за ваш комментарий. Дефис используется для разделения слов. Если название блока или элемент состоит из двух слов, то они разделяются -. Поэтому символ тире нельзя использовать для названия модификатора, но двойное -- можно. Спасибо за ваш комментарий. Обязательно запишу такой ролик :)
Спасибо за ролик, Александр, как я знаю, вы любите Vue, не хотели бы сделать курс по Vue3 на Composition API + TS и например Pinia? Сейчас спрос на Vue очень сильно растет Я думаю это было бы очень круто!
Спасибо за ваш комментарий. Да, я очень хочу сделать курс по Vue, действительно нравится эта тема. А данный момент работаю над курсом по JS. Как раз он и будет готовить к курсу по Vue. После JS хочу приступить к фреймворку 😇 согласен, он набирает обороты и обучающий материал становится все более востребованным 😇
Большое спасибо за интересное видео. Такой вопрос: зачем делать два модификатора для элемента звезды, когда можно сделать один? То есть вместо rating_size_s → rating_size-s? Ведь просто rating_size в ролике никак не стилизуется, т. е. не используется.
Здравствуйте, прошу прощения за долгий ответ. Хочется отвечать на интересные вопросы, но не всегда получается :( Модификаторы двух типов позволяют добавлять разные настройки. Это дает вам возможность менять конфигурацию и выбирать не из двух размеров, а уже из трех, четырех и так далее. Это бывает очень полезно :)
Доброго времени суток.Спасибо за ваше видео. Можете показать как добавить товар в избранное, что бы отображение карточки было на отдельной странице сохранялось в localStorage или cokkie. Без бэка на нативном JS?
У меня есть видео, которые могут вам помочь разобраться: ruclips.net/video/uV5__wrE5Gk/видео.html ruclips.net/video/aCWAYWyymwA/видео.html Обязательно их посмотрите, там я показываю как работать с JSON, ls и как сохранять данные в виде массива. Но я думаю я запишу предлагаемый вами ролик :) Спасибо за приятный комментарий :)
Спасибо :) Я рад, что ролик понравился. Я думал и думаю о юдеми и других платформах. Возможно приду туда, но до этого хочется хорошо изучить эти прощадки :)
Приятное видео. Хотя жаль, что модификаторы не пишут через --modificator аля menu--faded, menu__link--active и т.д. на постоянной основе. Вроде такое позволительно, но все равно 50% видео говорят (и даже не упоминают) такой стиль, оглашая лишь block__element_modificator
Рад, что вы посмотрели и оставили мнение :) Очень приятно. Да, в видео я не сказал, но модификаторы так же можно писать в такой стилистике --modificator. Это не будет ошибкой :)
Рад, что вы посмотрели и оставили мнение :) Очень приятно. Да, в видео я не сказал, но модификаторы так же можно писать в такой стилистике --modificator. Это не будет ошибкой :)
Нижнее подчеркивание для модификатора, VSC не принимает, подчеркивает волнистой линией, пишет предупреждение и предлагает исправить на дефис. Прокомментируйте пжл.
Благодарю ! Очень грамотно, просто и эффективно заходит от Вас полезная информация! Успехов и процветания! Однозначно подписка и лайки
Спасибо большое за ваш комментарий и подписку🤗 ваша поддержка очень важна! Надеюсь и другие видео канала будут вам полезны))
2 ролика по БЭМ на одном дыхании, спасибо!
Рад, что вы посмотрели и еще оставили комментарий :) Спасибо
самый шикарный урок по БЭМ (включая первый) :) А еще модификаторы, вроде бывает, что пишутся через два дефиса)
через два дефиса пишут в Европе, по мне так это лучше
Полезное, замечательное видео! Жду практику по БЭМ
Спасибо вам :) Да, готовлю большое видео с версткой сайта, БЭМ и адаптивностью :) Будет интересно.
Благодарю за вашу работу, все очень понятно и интересно объясняете!!! Жду практику по БЭМу!!! С удовольствием посмотрю!
Спасибо за ваш комментарий. Я рад, что видео вам понравилось. Да, по практике БЭМ готовится большое видео :)
Очень хороший урок, хоть раньше читал в текстовом виде учебник, но когда видишь лайв-кодинг и готовый результат - сразу укладывается в голове ещё лучше.
Спасибо ☺ надеюсь и другие видео канала будут вам полезны))
@@alex_dudukalo это видео просто было наиболее актуальным для меня в данный момент )
Большое спасибо за видео, как всегда все на высоте)))) Ждём практику по БЭМу)))) 🔥🔥🔥🔥🔥
Спасибо за Ваш комментарий🤗 рад, что видео вам полезны
Алекс, вы очень доходчиво и подробно объясняете. Я веду команду JS разработчиков где мы испытывали трудности в определении и упорядочении оберточных CSS классов компонентов. Решение было применить стили по БЭМ. Но никто не знал как точно ими пользоваться. Нашел твое видео и просто глаза открылись. Я уже вижу где команда использует ВЭМ неправильно и планирую исправить ошибки, ну и естественно подтянуть команду в знании по БЭМ используя твою методику обучения. Выпускай больше видосов по верстке, стилю, ну и вообще фронт энду! Ты молодец! Жду новых видосов!
Здравствуйте, Алекс. Спасибо за такой приятный комментарий от вас. К сожалению не успел ответить быстрее. Я очень рад, что видео действительно помогли вам разобраться в теме БЭМ. Очень надеюсь, что это поможет вам в вашем текущем проекте и в будущих тоже :)
Большое спасибо! Очень понятно и информативно! Да, нужна практика и по БЭМ) Так рад, что нашел ваш канал!!!
Спасибо за ваш комментарий🤗 про практику тоже рассматриваю, оставайтесь на канале 😎
супер!!! огромное спасибище, Александр!
Спасибо вам за комментарии :)
Большое спасибо за серию роликов про БЭМ! С нетерпением жду продолжение!))
Спасибо за ваш комментарий 🤗 надеюсь и другие видео канала будут вам полезны))
Месяц назад объявил свой первый див в Vs code. Когда наткнулся на вашь канал, подпрыгнул от восторга. Теперь учиться будет еще проще вместе с вами. 🎉🎉
Александр, спасибо за Ваш труд! В изложенном Вами материале методология БЭМ раскрыта простыми и понятными словами и примерами. Теперь писать читаемый и упорядоченный код станет проще. С удовольствием посмотрим видео с практикой по данному материалу. Желаю дальнейших успехов в продвижении канала и профессиональной деятельности!
Спасибо 😊 ваша поддержка очень вдохновляет 🔥
Спасибо большое за урок. Ждем по псевдоэлементам!
Спасибо вам :) Ставлю в план видео
Спасибо! Круто объясняете, жду видео с адаптивной версткой по БЭМу!
Спасибо вам :) Обязательно сделаем. Будем большое видео с практикой верстки по БЭМ
Спасибо большое!! Очень помогли в учении бэм.
Я рад, что видео было полезным :) Спасибо за ваши комментарии :)
Александр, ну как же вы понятно все объясняете, я теперь про грид поняла в одном видео. И про БЭМ, записывайте и видео практики и про before after
Спасибо большое за ваш отзыв, очень приятно читать☺, только добрался до комментариев, обязательно запишу практику по бэм и видео про before after, спасибо вам!))
Подача материала пушка, автор почаще подобных роликов, спасибо!
Спасибо за обратную связь 🤗 рад, что видео вам понравилось, оставайтесь на канале 😎
Очень доходчиво объясняете, лучшего объяснения не встречала. Спасибо за ваш труд!
Спасибо 🙈 ваша поддержка очень мотивирует 🤗
Спасибо вам большое! Прохожу платный курс с преподавателем, он объяснил про БЭМ, но на моменте присвоения нескольких классов мозг просто утёк, т.к. все объяснялось и делалось быстро и инфа была не так хорошо структурирована, как у вас. Однозначно лайк и подписка)) странно, что у ваших видео по БЭМ так мало просмотров. Желаю всяческих успехов и буду ждать много полезного контента)
Отлично, все понятно и наглядно.
Спасибо Александр
Видео,как и другие, очень понятные, Вы очень хороший преподаватель! В видео говорится,что будет ещё одно видео с практикой, жду!
Спасибо большое, очень приятно читать. Надеюсь, получится развивать эти навыки. Да, в этом месяце планирую записать третий ролик :) Длинный конечно получится, но надеюсь будет полезно.
Спасибо. Преподавание - это Ваше.
Спасибо за видео, все очень понятно. Жду следующее видео по практике БЭМ.
Спасибо за ваш комментарий🤗 оставайтесь на канале, чтобы не пропустить продолжение 😎
Хорошие познавательные уроки, так держать, нам очень заходят)) Жду с нетерпением новых видео
Спасибо 😊 ваша поддержка очень мотивирует
Лучшее видео по БЭМу, все понятно, жду видео с практикой.
Спасибо 🔥 в ближайшее время планирую снять))
Спасибо огромное! Все так понятно рассказываете.
Спасибо за ваш комментарий😊 надеюсь и другие видео канала будут вам полезны))
Спасибо большое! Куда как понятнее, чем в любом другом источнике. Только благодаря Вам выяснила, что тучу времени верстаю неправильно))
Спасибо за обратную связь 🤗 надеюсь и другие видео на канале будут вам полезны))
Супер 👍 Смотрим 😊
Спасибо 🔥🔥🔥
Понятный и простой урок, хотелось бы увидеть видео с практикой !
Спасибо за отзыв, оставайтесь на канале, чтобы не пропустить продолжение 😎
Добил кол-во лайков до сотки ;)
Спасибо за видосы по бэм!!!!
Спасибо 🔥 ваша поддержка очень важна!))
очень даже норм! всё доступно и понятно! Спасибо!
Спасибо вам 😇
Интересная тема, вечерком обязательно посмотрю 👍
Спасибо, надеюсь вам понравился ролик 🤗
Для продвижения. Посмотреть практику с адаптивностью было бы интересно. Еще интересно узнать какие проблемы или недостатки есть у бэм (если они есть) и как они решаются
Спасибо вам за помощь :) Да, конечно недостатки есть. Одни из них
- длинные названия классов (обойти можно, сокращая слова, но теряется читаемость кода)
- в маленьких проектах смотрится громоздко ( можно не использовать БЭМ в простейших проектах)
- не всегда прост в освоении :)
Видео супер!!! Продолжай в том же духе👍
Спасибо!
Кое-что новое понял. Сегодня применю
Спасибо за отзыв, рад, что ролик оказался вам полезен!) оставайтесь на канале 😊
Спасибо. Хорошо объяснил тему :)
Оба видео супер! Посмотрел, понял)
Огромное спасибо! Крутое видео, всё просто и понятно
Спасибо за ваш комментарий 🤗 надеюсь и другие видео канала будут вам полезны))
Спасибо, было бы классно если Вы запишите видео по приложению TODO, что бы над списком дел добавьте кнопку переключения используемого хранилища. Нажатие на кнопку должно приводить к перезагрузке приложения с другим хранилищем. Если использовалось локальное хранилище браузера, то происходит переключение на сервер с API, и наоборот. Надпись на кнопке должна меняться соответственно на «Перейти на локальное хранилище» или «Перейти на серверное хранилище». По умолчанию используется локальное хранилище.
Дополнительно (по желанию). При работе с модулями можно пользоваться так называемыми динамическими импортами, которые позволяют загружать код модуля в тот момент, когда он становится нужен. Механизм довольно простой и похож на уже знакомый вам fetch, так как он тоже асинхронно загружает ресурс.😊
Да, я давно планирую записать такой ролик. Насколько я понял, вы имеете в виду оно из заданий. Skillbox. Думаю, что подобное запишу. Но для начала разберу тему импортом, модулей и динамических импортов. Будет интересно :)
@@alex_dudukaloда верно
Спасибо, отличная практика
Спасибо за ваш комментарий 🤗
Ах да и спасибо за то что ты делаешь , я собираюсь просмотреть все видео на эту тему и хотел бы углубить знания, надеюсь ты не остановишься и будешь выпускать видео
Спасибо за урок! 2 вопроса:
1. Не совсем понял про роль тире в названии классов (когда его можно ставить и сколько раз в одном классе можно использовать).
2. Зачем нужен был UL и LI, нельзя было просто гридами обойтись? есть блок грид и есть его элементы, которые располагаем как нам надо... Для чего список то?
Как же все понятно стало ❤
Рад, что вы узнали что-то новое 🤗 спасибо за комментарий))
Уроки супер, продолжай.
Спасибо 😊 ваша поддержка очень мотивирует
Хотелось увидеть уроки по DOM@@alex_dudukalo
Огонь 🔥 спасибо! Сверстай пожалуйста страничку по методологии бэм с использованием какого-нибудь препроцессора 😊
Спасибо было очень интересно ! А не большой вопрос: Одно нижнее подчеркивание для модификатора, это принцыпиально ? Или можно поставить просто дефис ? Про псевдо элемент тоже интересно посмотреть.
Спасибо за ваш комментарий. Дефис используется для разделения слов. Если название блока или элемент состоит из двух слов, то они разделяются -. Поэтому символ тире нельзя использовать для названия модификатора, но двойное -- можно. Спасибо за ваш комментарий. Обязательно запишу такой ролик :)
Спасибо, все очень понятно!
Спасибо за ваш комментарий 🤗
спасибо огромное!!!
Спасибо за ваш комментарий 😊
Супер понятное объяснение 👍 Александр, не думали про видео верстки с помощью Gulp да еще и с БЭМ?
Артем, спасибо за ваш отзыв. Очень приятно. Да, обязательно сделаю видео верстки со сборщиком. Это важная и актуальная тема :)
Спасибо за ролик, Александр, как я знаю, вы любите Vue, не хотели бы сделать курс по Vue3 на Composition API + TS и например Pinia?
Сейчас спрос на Vue очень сильно растет
Я думаю это было бы очень круто!
Спасибо за ваш комментарий. Да, я очень хочу сделать курс по Vue, действительно нравится эта тема. А данный момент работаю над курсом по JS. Как раз он и будет готовить к курсу по Vue. После JS хочу приступить к фреймворку 😇 согласен, он набирает обороты и обучающий материал становится все более востребованным 😇
@@alex_dudukalo ооо буду ждать, очень нравится подход к роликам и объяснения
Очень познавательное видео, а самое главное понятное новичку. Хотелось бы стрим-практику
Обязательно сделаем или ролик или стрим по практике, пока думаю над форматом😊надеюсь вам понравится!) спасибо за ваш комментарий🔥
Спасибо за ваш труд, если возможность записать урок про адаптивность и другие новшества в css.?🙃
Большое спасибо за интересное видео. Такой вопрос: зачем делать два модификатора для элемента звезды, когда можно сделать один? То есть вместо rating_size_s → rating_size-s? Ведь просто rating_size в ролике никак не стилизуется, т. е. не используется.
Здравствуйте, прошу прощения за долгий ответ. Хочется отвечать на интересные вопросы, но не всегда получается :( Модификаторы двух типов позволяют добавлять разные настройки. Это дает вам возможность менять конфигурацию и выбирать не из двух размеров, а уже из трех, четырех и так далее. Это бывает очень полезно :)
Все очень понятно, thx!
Спасибо вам за видео, до этого писал все в строку одну у меня элемент был модификатором) Давайте урок по необычным псевдоэлментам или псевдоклассам
Спасибо вам :) Да, уже готовлю такой ролик. Будет интересно узнать ваше мнение о нем. Готовлю к публикации )
Интересно посмотреть видео с практикой и видео про before и after!
Обязательно запишу такой ролик, спасибо за ваш комментарий😊 извините за долгий ответ
Доброго времени суток.Спасибо за ваше видео. Можете показать как добавить товар в избранное, что бы отображение карточки было на отдельной странице сохранялось в localStorage или cokkie. Без бэка на нативном JS?
У меня есть видео, которые могут вам помочь разобраться:
ruclips.net/video/uV5__wrE5Gk/видео.html
ruclips.net/video/aCWAYWyymwA/видео.html
Обязательно их посмотрите, там я показываю как работать с JSON, ls и как сохранять данные в виде массива.
Но я думаю я запишу предлагаемый вами ролик :) Спасибо за приятный комментарий :)
@@alex_dudukalo Спасибо за совет. Обязательно посмотрю.
Спасибо большое!
Спасибо за ваш комментарий🤗
Большое спасибо! Можете, пожалуйста, сказать название вашей темы и шрифта?
Спасибо за просмотр видео, я использую тему Monokai. Шрифт из этой темы :)
Спасибо огромное!!!! ❤❤❤❤❤
Спасибо за ваш комментарий☺ надеюсь и другие видео канала будут вам полезны😊
Случайно нет курса на юдеми? Очень понятно объяснил 😊
Спасибо :) Я рад, что ролик понравился. Я думал и думаю о юдеми и других платформах. Возможно приду туда, но до этого хочется хорошо изучить эти прощадки :)
Классное видео!
Спасибо за ваш комментарий)))
Приятное видео. Хотя жаль, что модификаторы не пишут через --modificator аля menu--faded, menu__link--active и т.д. на постоянной основе. Вроде такое позволительно, но все равно 50% видео говорят (и даже не упоминают) такой стиль, оглашая лишь block__element_modificator
Рад, что вы посмотрели и оставили мнение :) Очень приятно. Да, в видео я не сказал, но модификаторы так же можно писать в такой стилистике --modificator. Это не будет ошибкой :)
Рад, что вы посмотрели и оставили мнение :) Очень приятно. Да, в видео я не сказал, но модификаторы так же можно писать в такой стилистике --modificator. Это не будет ошибкой :)
Спасибо 🎉🎉
Спасибо за комментарий 🔥
Нижнее подчеркивание для модификатора, VSC не принимает, подчеркивает волнистой линией, пишет предупреждение и предлагает исправить на дефис. Прокомментируйте пжл.
Как видите в моем VS Code модификатор не выделяется красным. Возможно у вас установлено расширение какое то?
Спасибо!
Спасибо за отзыв))
Четко 👌🏻
Спасибо 🔥
я просто вахееереее сколько пытался учить понимать нихера не получилось наткнулся на ваш видео ролик и понял бэм спасиииииииииибо огромноееее!!
Модификатор еще так называют: блок__элемент--модийикатор
😊
Да-да. Так тоже можно называет, согласен :) Но, желательно придерживаться одно общей стилистики :)
Не знаю есть ли смысл в таких видосах но было бы очень занятно изучать стили и их возможные комбинации с разными значениями, псевдоклассами и т.д
💯
👍
😊🔥
337 лайков … на других обучалках по веб разработке тоже не особо много лукасов, видимо люди считают это невозможно сложным что бы разбираться
🤩
Спасибо 🔥
*More PRACTICE*
Планируется 😊 спасибо за обратную связь
Спасибо большое! Случайно наткнулся на Ваш канал. Видео на высоте! Лайк+подписка!
Спасибо 🤗 ваша поддержка очень мотивирует🔥 надеюсь и другие видео канала будут вам интересны))