Друг, как же ты круто объясняешь. Очень редко встречаю таких людей

@alex_dudukalo

6 ай бұрын

Очень приятно читать :) Комментарий поднял настроение. Рад, что видео понравилось. Обязательно посмотрите вторую часть. Хорошего дня :)

Лучшее объяснение. Сколько видео не смотрел, понял не мог. Спасибо тебе большое. Удачи в развитии

@alex_dudukalo

2 ай бұрын

Очень приятный комментарий ) Спасибо вам. Рад, что помог разобарться

Наконец у меня есть постоянный учитель, от которого я не бегаю по разным другим!! Спасибо, спасибо и ещё раз спасибо❤

@alex_dudukalo

8 ай бұрын

Безумно приятно читать такие комментарии ☺ спасибо! Ваша поддержка очень вдохновляет 🤗

Отличный ролик! Спасибо. Наконец понял про запрет марджин в БЭМ блоке

@alex_dudukalo

9 ай бұрын

Спасибо за Ваш комментарий😊

Супер, как раз перед сном годный контент, лучше любого фильма!👍

@alex_dudukalo

9 ай бұрын

Это очень приятно. Кстати, я тоже вместо просмотра фильма в воскресенье выбрал вариант записи ролика на ютуб :))

Очень хорошая подача материала.

@alex_dudukalo

Ай бұрын

Спасибо за такой приятный комментарий. Я рад, что видео вам понравилось :)

Круто, что среди множества подобных видео, продолжают снимать новые видео на эти же темы! Свежак всегда приятнее смотреть! Спасибо!

@alex_dudukalo

9 ай бұрын

Спасибо за комментарий 🔥

Александр, доброго времени суток! Благодарю Вас за прекрасный урок по методологии БЭМ. Урок хорошо усваивается, а самое главное, что в уроке нет воды, одна практика. Но, у меня небольшая просьба, если Вы параллельно задаете какие-либо вопросы по CSS, не могли бы Вы делать небольшую паузу(достаточно 2-3 секунд), и раскрывать ответ на свой вопрос, таким образом урок был бы более целостным, пробелы были бы закрыты. Были моменты, которые я впервые открыл для себя, а ответов на них не последовало, к сожалению. Желаю Вам успехов и исполнения всех желаний в Новом году!

Спасибо за доступное объяснение💙

Супер! 👍 Спасибо. Как всегда всё очень доступно и понятно.

@alex_dudukalo

9 ай бұрын

Спасибо за отзыв, 😊ваши комментарии очень мотивируют 🔥

Пересмотрел 5-6 видео на тему БЭМ, у вас реально доходчиво, простым языком и на практике. Спасибо, пошел смотреть вторую часть материала)

Как всегда классное объяснение и куча полезной информации! Спасибо, Александр 😊

@alex_dudukalo

9 ай бұрын

Спасибо за ваш комментарий😊🔥

Обязательно продолжать! Ждем следующего)

@alex_dudukalo

9 ай бұрын

Так приятно читать такие комментарии 😊 спасибо, ваша поддержка очень мотивирует

Какие же крутые уроки, очень доступно и без воды! Огромное спасибо.

@alex_dudukalo

9 ай бұрын

Спасибо за отзыв 😊 ваши комментарии очень мотивируют))

Спасибо 🙏💕 Как всегда, очень подробное и понятное объяснение. Особенно ценно, что применяется на практике! Практика необходима! Добра вам!

@alex_dudukalo

9 ай бұрын

Спасибо за Ваш комментарий😊 приятно, что вы также оценили домашние задания 😊 надеюсь и другие видео курса будут вам полезны))

Александр спасибо, жду с нетерпением продолжения! Всё очень понятно объясняете, я Рада, и качество изображения топ. Действительно сейчас во многих вакансиях требование БЭМ поэтому хочется скорее продолжения 🤍🤍👍🏻

@alex_dudukalo

8 ай бұрын

Спасибо за отзыв, рад, что видео Вам полезно 🤗 сегодня как раз вышла вторая часть))

на столько просто и понятно) спасибо, самое главное продолжай !!!!!

@alex_dudukalo

9 ай бұрын

Спасибо за ваш комментарий 🤗 буду стараться

всегда рад новым видео))!!!

@alex_dudukalo

9 ай бұрын

Виталий, спасибо 😊 Ваша поддержка вдохновляет 🔥

Александр, спасибо большое за полезное видео, подачу и практику!)))) Вы молодец, успехов в дальнейшем развитии)))

@alex_dudukalo

8 ай бұрын

Спасибо большое за ваш комментарий и поддержку😊 надеюсь и другие видео курса будут Вам полезны))

Классно и понятно. Спасибо вам за урок.

Александр, спасибо большое за видео! Теперь я знаю что такое БЕМ!)

@alex_dudukalo

9 ай бұрын

Спасибо за Ваш комментарий😊 приятно, что с моими видео Вы узнаете что-то новое 🤗

Александр, спасибо за такое подробное объяснение 🔥 Ваши видео не раз мне помогали в работе.

@alex_dudukalo

8 ай бұрын

Спасибо за отзыв 🤗 рад, что мои видео вам помогают))

Мне очень обидно что на таком замечательном какале так мало подписчиков и лайков! Александр я восхищаюсь вами за такое объяснение и четкое понимание дела - желаю успеха в развитии канала выпускайте почаще🙂

Очень круто, thx!

Просто лучший ,спасибо за все❤

@alex_dudukalo

7 ай бұрын

Спасибо ☺ ваша поддержка очень вдохновляет)) оставайтесь на канале))

Благодарю. Хорошее, подробное объяснение.

@alex_dudukalo

5 ай бұрын

Спасибо за ваш комментарий :) Очень приятно.

Ждём продолжения!)

@alex_dudukalo

9 ай бұрын

Приятно, что ждете новые видео,спасибо 🤗 в ближайшие дни будет 😎

Здравствуйте. Очень интересно рассказываете.

@alex_dudukalo

9 ай бұрын

Здравствуйте. Спасибо за Ваш комментарий😊

Александр, огромное спасибо! ролик прекрасный. Пошла смотреть второй ) PS: вдвойне приятно смотреть видео, когда оно сопровождается знакомым голосом куратора🥰

@alex_dudukalo

8 ай бұрын

Очень приятно читать такой комментарий😊 надеюсь ролики вам помогают и вы достигнете целей, которые перед собой поставили 🔥 оставайтесь со мной на канале, спасибо Вам!)

Спасибо большое за Ваши видео и объяснения!!! Жду с нетерпением видео по вёрстке макета по БЭМ. Не планировали ли, случайно, опубликовать до НГ? Это как подарок подписчикам к новому году получится😊!

Спасибо большое друг! Очень полезная информация и в общем ролик огонь!👍👍👍 Доступно объесняешь 👍

Александр, спасибо освежил знания

@alex_dudukalo

8 ай бұрын

Спасибо за отзыв))

Спасибо огромное за подробное видео, особенно за объяснение, как переиспользовать блоки!!!

@alex_dudukalo

6 ай бұрын

Спасибо за ваш комментарий🤗 надеюсь и другие видео канала будут вам полезны))

Спасибо! Очень доходчиво!

@alex_dudukalo

8 ай бұрын

Спасибо за ваш комментарий😊

Вселенская благодарность за подробный урок по БЭМ 🎉

@alex_dudukalo

7 ай бұрын

Спасибо 🔥🤗 надеюсь и другие видео канала будут вам полезны)))

Спасибо, очень доходчиво.

@alex_dudukalo

8 ай бұрын

Спасибо за ваш комментарий🤗

exelente classe gracias por tu trabajo....!!!

все круто жду продолжения

@alex_dudukalo

9 ай бұрын

Спасибо за ваш комментарий))

Суппер!!!! Вот теперь стало понятно!!!

@alex_dudukalo

9 ай бұрын

Рад, что видео оказалось вам полезным 😊 спасибо за отзыв

Спасибо! Классно)

@alex_dudukalo

9 ай бұрын

Спасибо за обратную связь 😊

Спасибо за понятное объяснение

@alex_dudukalo

8 ай бұрын

Спасибо за ваш комментарий😊

Все понятно и доступно, учусь только верстать и хочу делать это правильно и тут такое видео, спасибо вам за это видео!

@alex_dudukalo

9 ай бұрын

Спасибо за ваш комментарий 😊надеюсь и другие видео курса будут вам полезны

Ваша серия выпусков по БЭМ ,возможно, будет первой в youtube с подробным и медленным объяснением этой технологии. Жду ролик с практикой , очень хотелось бы , чтобы вы сверстали большой полноценный макет с применением БЭМ. 🔥☄️ Спасибо!

@alex_dudukalo

9 ай бұрын

Здравствуйте, Наргиза. Спасибо за ваш комментарий и что выделили это видео от других. Мне очень приятно. Да, практика будет. Обязательно. На ней постараюсь максимально раскрыть эту тему. Интересно будет узнать ваше мнение.

Ждем продолжение

@alex_dudukalo

8 ай бұрын

Уже вышло 🔥🔥🔥

Мне кажется, что использование margin-bottom спорное решение, я использую row-gap, column-gap в зависимости от того, как направления главная ось flex-box, чтобы получить отступы между элементами друг под другом.

@alex_dudukalo

9 ай бұрын

Здравствуйте, Эльмир. Очень хорошее замечание и я с вами соглашусь. В этом примере удобнее было бы использовать gap для создания отступов. Но проблем в том, что в макете отступы между элементами карточки разные. И я так же хотел показать этим, что элементам внутри блока можно создавать внешний отступы. И подчеркнуть, что для блоков этот делать не следует. Но gap я люблю :)

Классно, понятно, без воды, голос у автора классный, хорошо объясняет даже умственно отсталые поймут)

@alex_dudukalo

5 ай бұрын

Cпасибо :) Приятно было прочитать ваш комментарий :)

Никто не подсказал, что вместо min-height написано min-width :( Что касается темы - это лучшее объяснение, что я видел на ютьюбе!!!

Александр, спасибо за видео! Редко кто может так просто и понятно доносить информацию. Все супер!!! А не планируете ли Вы серию видео о React, Vue и Angular? 😉

@alex_dudukalo

9 ай бұрын

Здравствуйте, спасибо вам. Да, обязательно планирую. А именно рассказать про VUE. Закончу серию роликов по JS и буду работать с VUE.

Супер! 👍 как всегда все понятно. Будет ли видео по DOM?

@alex_dudukalo

9 ай бұрын

Да, такое видео обязательно планируется :) В контексте видео по JS

Очень хорошая подача учебного матерьяла. Спасибо.

@alex_dudukalo

7 ай бұрын

Спасибо 🤗 ваша поддержка очень важна, надеюсь и другие видео канала будут вам полезны)))

Мне показалось, что ваше объяснение для чего нужен и как использовать БЭМ самое понятное из всех, что мне встречались. Даже на курсе толком не пояснили.

@alex_dudukalo

9 ай бұрын

Спасибо за Ваш комментарий 😊 рад, что видео вам помогло разобраться в БЭМ)) скоро выйдет вторая часть, надеюсь и она будет вам полезна 🤗

Всегда думал что верстаю правильно по БЭМу теперь оказалось что я не тот смысл вкладывал. Спасибо за ролик всё простым языком понятно.

@alex_dudukalo

8 ай бұрын

Я очень рад. что ролик был для вас полезным :) Обязательно посмотрите вторую часть. Интересно будет узнать ваше мнение :)

Спасибо, Александр) Одно не понравилось, я очень ждал, что вы обнулите отступ h3,но так и не дождался)

@alex_dudukalo

9 ай бұрын

Да, только сейчас заметил, что я это пропустил. Эх, видео уже на канале (( Действительно, верхний отступ нужно было убрать. Очень приятно, что вы внимательно смотрели ролик :)

мне очень нравится ваш контент, потому хочется как-то поучаствовать, вот мои мысли как можно улучшить канал( возможно они не очень, но вдруг мои мысли натолкнут тебя на что-то полезное для канала) 1. придумывай дз для двоих и больше людей, идею в том чтобы синхронизировать людей которые хотят обучаться + новые знакомства и более эффективное обучение ( я например обучаюсь сам) и было бы полезно проговаривать с кем-то выученный материал) 2. придумывать классные викторины по знаниям js, html, css, что даст участие в каждом видео и добавит уверенности в себе при знании вопросов 3.и если я не ошибаюсь то контента по истории цифрового мира вообще нету, про эволюцию программирования да и вообще веб технологий, можно делать видео по 10-15 минут это привлечет больше аудитории на канал!😊 4. делай голосование видео каких технологий записать

@alex_dudukalo

9 ай бұрын

Здравствуйте, Виталий. У вас отличная идеи. 1) Я хотел придумать командные работы, но думаю, что скоро сделаю это конкретно для двоих. Спасибо, забираю это предложение. Возможно вы захотите принять участие :) 2) Думаю это можно сделать, подумаю об этом формате. 3) Да, это уже готовится. Сейчас этап написания сценария. Для меня это очень интересный опыт :) Очень интересно, что получится. Согласен с тем, что нужен контент для более широкой аудитории. 4) Да, сделаю в дискорд :) С БЭМ закончу и можно сделать У вас отличные идеи, забираю их все. Спасибо за это. Думаю, скоро вы увидите их реализацию. Не все сразу, конечно. Но, сделаем :)

@user-pu4fh5oc3n

8 ай бұрын

я з большим удовольствием приму участие) я готов!!!

@user-pu4fh5oc3n

8 ай бұрын

так что запишите мне в блокнот я на очереди 😊

спасибо

@alex_dudukalo

6 ай бұрын

Спасибо за ваш комментарий🤗

лайк так лайк, не жалко

порой самая большая проблема - это придумать классы да еще и по бему

focus, hover , active.и да я щас посмотрел другое видео чтобы понять как правильно.Пасиб автору за интерактивы🙂

@alex_dudukalo

6 ай бұрын

Спасибо за ваш комментарий🤗

Спасибо, коммент для продвижения

@alex_dudukalo

8 ай бұрын

Спасибо за вашу поддержку 😊

Спасибо вам за вашу работу!) Расскажите, пожалуйста, про MVC, лучше вас никто информацию не даст)))☺

@alex_dudukalo

7 ай бұрын

Здравствуйте, Юлия. Спасибо вам. Да, это интересная тема и довольно сложная для новичка. Но я думаю можно попробовать объяснить на простом примере. Думаю, как это можно сделать :) Спасибо за идею.

Расскажите про сбросы стилей в БЭМ, назначения классов для html и body. Отдельное упоминание про универсальный селектор в бэм * { }

@alex_dudukalo

9 ай бұрын

Очень хорошее предложение :) Думаю, обязательно сделаю это в видео с практикой :) Оно будет в серии роликов по БЭМ :)

Александр, спасибо за Вашу работу, очень помогает начать. Скажите пожлс у Вас есть видео как сделать окно ввода для комментов и отзывов на сайте?

@alex_dudukalo

9 ай бұрын

Здравствуйте, спасибо вам за поддержку и комментарий. Смотря, какую именно функциональность вы хотите вложить. Если просто верстка? То у меня есть ролики по верстке форм (но тут нужно отталкиваться от дизайна) Если работа с сервером, то здесь сложнее. Могу предложить вам вариант использовать сервис комментариев. Его очень быстро и просто можно внедрить на сайт. Если вам такой вариант подойдет, конечно: cackle.me/comments

@baytszy

9 ай бұрын

Функцию окно для отзыва по нажатию кнопки...@@alex_dudukalo

Спасибо за урок! Получается, что к первой кнопке никак нельзя добавлять отступы?

@alex_dudukalo

9 ай бұрын

Спасибо вам :) Да, классу btn отступы не задаем. В следующем видео я подскажу, как это сделать через модификатор :)

👍👍👍

@alex_dudukalo

9 ай бұрын

🔥🤗

Спасибо за видео! Насколько я знаю, alt у img должен описывать содержимое изображения, то есть в примере с карточкой должно быть описание того, что изображено на картинке, а не просто название ресторана. Поправьте, если я ошибаюсь

@alex_dudukalo

7 ай бұрын

Спасибо за ваш комментарий. Да, совершенно верно, alt описывает то, что изображено в img. Как раз название отеля и описывает изображение. Будет не совсем правильно называть все изображение hotel. Кажется названия отелей делают удачное описание. :)

@lagec

7 ай бұрын

@@alex_dudukalo тогда, по идее, лучшим альтом для этой картинки было бы что-то вроде "вид из такого-то отеля на Эйфелеву башню", как описание картинки для тех, кто её увидеть не может или если она не подгрузилась

Ждём видео про модификатор!!!

@alex_dudukalo

9 ай бұрын

Уже готовлю :)) Скоро будет здесь

Как вы обернули слово в комментарий на 12:17 ?

@alex_dudukalo

2 ай бұрын

Вы можете использовать клавиши ) Ctrl+/ - закомментировать / раскомментировать.

отступы между элементами при diaplay: flex лучше задавать через gap, почему именно margin-right?

@alex_dudukalo

9 ай бұрын

Здорово, что вы обратили не это внимание :) Да, я сделал отступ margin-left специально для демонстрационной цели. Сделал это для того, что бы блоку с редингом добавить класс и сделать его элементом. Добавил отступ, что бы показать как блокам, являющимися элементами других блоков добавлять стили и отступы :)

@vvks9901

9 ай бұрын

@@alex_dudukalo ок, спасибо за ответ?

Всем доброго времени суток! Написал две кнопки, класс btn применяется к обоим, а выглядят они по разному. Подскажите почему? Кнопка Кнопка body { margin-top: 50px; padding: 0; text-align: center; box-sizing: border-box; } .btn { font-size: 16px; color: white; background-color: #3bca09; border-radius: 10px; padding: 13px 20px; text-decoration: none; border: none; outline-offset: none; /* transition: all 3s ease; */ transition: background-color .3s; } .btn:hover { background-color: #70e944; } .btn:active { background-color: #468f2b; } .btn:focus { outline: 1px solid #68c945; outline-offset: 3px; }

@alex_dudukalo

8 ай бұрын

Здравствуйте, это связано с тем, то у тега button и у тега a по умолчанию браузер уже задает стили. Вам нужно к классу btn добавить дополнитеные стили для сброса: .btn { display: inline-block; outline: none; font-size: 16px; color: white; background-color: #3bca09; border-radius: 10px; padding: 13px 20px; text-decoration: none; border: none; outline-offset: none; /* transition: all 3s ease; */ transition: background-color .3s; }

@user-lt5ng7wp1q

8 ай бұрын

@@alex_dudukalo Большое спасибо!

Спасибо большое! А разве не обязательно во все альты прописывать ? Почему.

@alex_dudukalo

8 ай бұрын

Они будут повторяться. Смысла в этом нет. Например, для доступности, зачем озвучивающему ПО озвучивать один и тот же текст :)

@user-jq6tr6rr8v

8 ай бұрын

Спасибо, понял.@@alex_dudukalo

Когда будет вторая часть ?

@alex_dudukalo

9 ай бұрын

Думаю на этой неделе будет. Ближе к выходным или в выходные :) Уже готовлю ролик про модификаторы. Будет интересно

Думаю ошиблись вы.active должен быть после focuse

@alex_dudukalo

9 ай бұрын

Да, совершенно верно. Требуется следующий порядок :) focus, hover, active

БЭМ не рекомендует сокращения названий классов например button, а не btn

Можно блоку задавать display:flex; по бэм?

@alex_dudukalo

5 ай бұрын

Здравствуйте. Да, конечно :) запрета на это нет :)

@user-iu4de9lu1s

5 ай бұрын

@@alex_dudukalo Спасибо!

нормес

@alex_dudukalo

9 ай бұрын

Спасибо 😊

Кнопка через тег button, вдобавок еще и в классе btn. Это слишком просто, с такими знаниями тестовые задания будут зачастую отклоняться.

@alex_dudukalo

8 ай бұрын

Здравствуйте, Глеб. Не совсем понял комментарий. Вы хотите сказать, что класс btn по методологии БЭМ к кнопке лучше не применять ?

Да крутая технология и тоже с ней много лет мучался - пока не плюнул на это говно, все хорошо звучит когда у тебя сраный лендос с 1 карточкой и 1 кнопкой А когда у тебя 20 видов карточек 15-20 типов страниц по несколько десятков секций - и тут все это превращается в получасовое придумывание названий блокам, куча одной и той же писанины - все скатывается в лютейшую капасту из блока в блок. Люди не мучайтесь - плюньте - это тупиковая херня, используйте бустрапы и тайвинды + в современном стеке очень популярны скоупы.

где модификаторы, видео называется просто БЭ а не БЭМ

@alex_dudukalo

9 ай бұрын

Хотелось в один ролик уместить весь материал, но видео получилось бы еще больше. :) Кажется следующий ролик про модификаторы придется назвать М )))

@morismustanger6095

4 ай бұрын

@@alex_dudukalo ахах) спасибо! у вас талант учить!

Ты по делу можешь трепаться! 1,5 минуты вначале чуши

@alex_dudukalo

9 ай бұрын

Здравствуйте. Подскажите, возможно я вас обидел где-то?

@NURMAN-RORUH

9 ай бұрын

@@alex_dudukalo а ты коммент не понял ? Для твоей же пользы оставил его ! Заснешь пока до сути досмотришь. И говори быстрее, а то растягиваешь слова :) Не плач, критика она такая

@alex_dudukalo

9 ай бұрын

@@NURMAN-RORUH Я понял, что мои слова вы называете трепом :) Вот я и спросил, чем я вас обидел? Раз уж вы позволяете себе так говорить. Мне не обидно, а интересно :) Спасибо за комментарий, всегда есть над чем работать.

@NURMAN-RORUH

9 ай бұрын

@@alex_dudukalo я назвал первые 1,5 минуты ужасно скучным и бестолковым трепом - потому что это моё мнение ! Ролик же на всеобщее обозрение выставлен, вот и комментируем исходя из собственных переживаний.

@alex_dudukalo

9 ай бұрын

@@NURMAN-RORUH Для меня очень ценно мнение и комментарии. Стараюсь прислушиваться и делать видео лучше. Спасибо вам за это. Да ролик выставлен на всеобщее обозрение и мне приятно, что вы обратили внимание на это. Но я всегда настроен на дружелюбное взаимодействие :) Ваше замечание полезное, но грубое. Простите, но комментирую из собственных переживаний. В следующем видео вступление попробую сделать короче. Думаю, вы правы.

боже, да всем уже давно похер на этот БЭМ..давно никто не парится за это т.к появилось много инснтрументов по типу модулей...

@alex_dudukalo

9 ай бұрын

БЭМ - актуальная методология, которая используется во многих проектах. Особенно на сайтах созданных без сборщиков и фреймворков. Думаю, стоит обратить внимание на эту тему:)

@TheZionjke

9 ай бұрын

@@alex_dudukalo если дев не потрудился подключить сборщик для сайта, то как говорится грош цена такому деву..))

БЭМ не актуально. Самое главное надо уметь писать кроссплатформенный CSS.

@alex_dudukalo

8 ай бұрын

Многие сайты его используют. Да, согласен кроссплатформенный CSS - важно уметь писать :)

круто спасибо Александр! если еще будет короткие обучалки чтоб в свободное время позалипать 😀🔥🔥🔥🔥🔥

@alex_dudukalo

9 ай бұрын

Обязательно будут :) Спасибо вам за приятный комментарий :)

Нормалаиз сбрасывает все стили всех элементов для всех браузеров, а ресет просто обнуляет. Правильно? А какая разница в каком порядке ховер, актив, фокус? Только для эстетики?

@alex_dudukalo

9 ай бұрын

Да, совершенно верно. В этом и есть разница. focus, hover, active должен иметь такой порядок. Что бы hover, мог переназначить стили при фокусе. А active после hover, что бы была возможность при клике переназначить эффекты наведения :)