Как Верстать Макеты Быстрее?

Рік тому

❗️ Подписывайся на мой телеграм-канал про IT → t.me/sergeydmitrievsky
✔️ Бесплатная пробная неделя курса для начинающих IT СТАРТ → clck.ru/3ANHMh
✔️ Бесплатный гайд: пошаговый план с нуля до работы в IT → clck.ru/3ARbLj
✔️ Секреты Трудоустройства: как пройти собеседование в it-компанию и получить оффер → clck.ru/3ARb4T
✔️ Мой телеграм-канал про деньги на продаже своих продуктов и услуг в соцсетях → t.me/sergeyonlinebiz
✅ Подписывайся на канал: / @sergeydmitrievsky
Подписывайся на меня в соц. сетях:
🔽 Telegram про IT - t.me/sergeydmitrievsky
🔽 Telegram про соцсети - t.me/sergeyonlinebiz
🔽 Instagram - / sergeydmitrievskyit
📩 По вопросам сотрудничества sergey@sergeydmitrievsky.ru

КОМЕНТАРІ: 52

@sergeydmitrievsky 3 місяці тому

❗Подписывайся на мой телеграм-канал про IT → t.me/sergeydmitrievsky Бесплатная пробная неделя курса для начинающих IT СТАРТ → clck.ru/3ANHMh

@Progger_io Рік тому

Спасибо очень помогло, давно хотел такой видео

@PomehiSanValorant Рік тому

Внимание, всем кто учится, не бегите вперед поезда, если вы толькл учитесь размечать страницу, стилизовать блоки, БЭМ пока не для вас, да может показаться тупым, почему сразу бы не научиться правильно классы называть, но новичек и не поймет, а что называть то и для чего. Я когда только начал учиться фронту, во время обучения обычной разметки и css, начинал просто читать про js, react, еще в тот момент препроцессоры, сборшики вообще казались чем то непонятным и страшным и появлялись мысли может оно не мое вовсе. А щас это вполне понятная мне вещь. Главное учиться поэтапно.

@sergeydmitrievsky Рік тому

Все верно! БЭМ скорее тогда, когда уже несколько макетов сверстал без него.

@Pafel0684 Рік тому

Это всё конечно круто, но как мне элементарно угадать, это тень на тексте или просто насыщение такое.

@kasatkahuemay4104 Рік тому

Отличное видео, спасибо! Нужно видео по JS)

@yariqpro1510 Рік тому

спасибо, информативно

@SH-po7rm Рік тому

Спасибо Вам большое

@ivangusev8752 Рік тому

Спасибо!

@user-qc5wn3ik8y Рік тому

Было бы круто, если бы у тебя были бы уроки базовые уроки по html, css, js , с удовольствием посмотрел бы.( не по 15 мин😂)

@sergeydmitrievsky Рік тому

Принято 🙌🏻

@antonyfeirmont Рік тому

Наконец то кто-то понятно объяснил про БЭМ, спасибо :)

@AibekDandaev Рік тому

эта методология достаточна просто в понимании, именно поэтому она и широко распространена)

@user-ks5wq4lm8e Рік тому

комент ради продвижения крутого контента 😊

@user-so4gl2lj4l Рік тому

Спасибо за выпуск. Как раз сейчас на этом моменте завис)👍 скажите Сергей, как можно к вам на обучение попасть?

@sergeydmitrievsky Рік тому

Скоро будет курс, обязательно расскажу все 😉

@Progger_io Рік тому

Но если стиль кнопки такой же но логика другая. Надо использовать в css ( nth-of-type ) или просто заново написать

@sergeydmitrievsky Рік тому

Переиспользуешь css класс для кнопки.

@XAH30 Рік тому

Оу, я верстал этот макет, для тенировки:)

@sergeydmitrievsky Рік тому

Ахах! Респект!

@MikePokhvaschev Рік тому

Ты говорил в видео, что оставишь ссылку на доку БЭМ, а в итоге ее нет в описании

@sergeydmitrievsky Рік тому

Добавил 🙌🏻

@sdenys3554 Рік тому

крутой видос! пожалуйста сделай о джава скрипте))

@sergeydmitrievsky Рік тому

Обязательно 🙌🏻

@dianashakirova2614 Рік тому

А можно ссылку на данный макет

@sergeydmitrievsky Рік тому

Нашел на figma.com/community

@aleksandrwet Рік тому

Канал на глазах растёт

@sergeydmitrievsky Рік тому

🚀

@mariins267 Рік тому

Я дошла до этого интуитивно

@sergeydmitrievsky Рік тому

Огонь 🔥

@alenache1 Рік тому

БЭМ - это для новичков точно не быстрее. Чтобы правильно разложить проект по БЭМу нужно иметь какое-то архитектурное или структурное видение, которое приходит только с опытом, а на начальных этапах ты, во-первых, будешь тратить дополнительное время на архитектуру, во-вторых, с большой долей вероятности, получится ерунда. Можно прийти на проект, где используется БЭМ и использовать бэмовские компоненты - это будет (возможно)быстрее и точно будет правильно, но новичкам с нуля из головы все пилить по БЭМу, да еще если некому дать обратную связь, ИМХО не нужно.

@sergeydmitrievsky Рік тому

Сама методология БЭМ - несложная. Я бы потратил время на нею даже на этапе обучения.

@sanmarchen Рік тому

Смотрю про блоки БЭМ и вижу компоненты React

@sergeydmitrievsky Рік тому

Все так. После БЭМа переходить на React супер просто.

@abibsasi4 Рік тому

Сергей, в профессии frontend-разработчика есть место девушкам? К примеру,в вашей компании рассматривали бы женский пол на эту профессию?

@AlexLee-do4min Рік тому

;))) ukposts.info%D0%90%D0%BD%D0%BD%D0%B0%D0%91%D0%BB%D0%BE%D0%BA ukposts.info/the/3Y2mWFDornzecXm_6zuN8w.html ukposts.infowebelart ukposts.infoWebGirlKristina ukposts.infoTheCoderCoder ukposts.infoAidaDrogan/featured

@sergeydmitrievsky Рік тому

Да) Лично знаю несколько девчонок из своей компании Авито, которые работают фронтенд разработчиками. Все возможно)

@vektor815 Рік тому

И немного бэма

@Niachan666 Рік тому

Божественный совет, хочешь быстрее кодить просто воспользуйся методом придумывания переменных, ахаха, жжош

@user-pf6hw8cv7y Рік тому

Из за этой неоднозначности, что считать блоком, что элементом, нифига не понимаю как когда что правильно называть...

@PomehiSanValorant Рік тому

Начни делать, дальше поймешь, с опытом придет, причем очень быстро, буквально верстая первый же сайт по бэм, иногда перечитывая методологию, ты сам начнешь понимать что где не так назвал. Я так первый сайт который начал делать по бэму, раза 3 по разметке проходил исправлял классы. Бэм - это не сложно, серьезно. Теперь размечая сайт, я сразу без проблем понимаю что и как назвать

@sergeydmitrievsky Рік тому

Почитай доку про БЭМ ru.bem.info/methodology/quick-start/ Все очень даже однозначно)

@AlexLee-do4min Рік тому

Интересно, а что это делает чувак с клавой ноута 0:56 ? ;)))

@sergeydmitrievsky Рік тому

Увидел что-то итересное)

@DreamingDolphing Рік тому

Нет, atomic css это вообще совершенно другой подход чем БЭМ. БЭМ крайне популярный в России и фактически сейчас основной, в мире используется реже, либо не используется никакая методология.

@sergeydmitrievsky Рік тому

А что "нет") Ровно это и говорится в видео. Есть БЭМ, а есть другие методологии.