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

Рет қаралды 14,308

Жыл бұрын

❗️ Подписывайся на мой телеграм-канал про IT, программирование и frontend → t.me/sergeydmitrievsky
✔️ Реальный Фронтенд: курс-профессия с нуля → clck.ru/3AYjHL
✔️ Roadmap с нуля до работы в IT программистом → clck.ru/3AYjR6
✔️ Оффер в IT: тренинг как пройти собеседования и устроиться на работу в IT → clck.ru/3AYBBR
✔️ Мой телеграм-канал про личный бренд, соцсети и монетизацию → t.me/sergeyonlinebiz
Подписывайся на меня в соц. сетях:
🔽 Telegram про IT - t.me/sergeydmitrievsky
🔽 Telegram про онлайн-бизнес - t.me/sergeyonlinebiz
🔽 Instagram - / sergeydmitrievskyit
🔽 KZfaq - / @sergeydmitrievsky
📩 По вопросам сотрудничества sergey@sergeydmitrievsky.ru

Пікірлер: 52

@sergeydmitrievsky 4 ай бұрын

❗Подписывайся на мой телеграм-канал про IT, программирование и frontend → t.me/sergeydmitrievsky

@PomehiSanValorant Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@Pafel0684 Жыл бұрын

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

@Progger_io Жыл бұрын

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

@kasatkahuemay4104 Жыл бұрын

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

@yariqpro1510 Жыл бұрын

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

@user-qc5wn3ik8y Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

Принято 🙌🏻

@SH-po7rm Жыл бұрын

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

@antonyfeirmont Жыл бұрын

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

@AibekDandaev Жыл бұрын

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

@ivangusev8752 Жыл бұрын

Спасибо!

@user-ks5wq4lm8e Жыл бұрын

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

@user-so4gl2lj4l Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@Progger_io Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@XAH30 Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@MikePokhvaschev Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

Добавил 🙌🏻

@sdenys3554 Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@aleksandrwet Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

🚀

@mariins267 Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

Огонь 🔥

@alenache1 Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@dianashakirova2614 Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@abibsasi4 Жыл бұрын

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

@AlexLee-do4min Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@sanmarchen Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@user-pf6hw8cv7y Жыл бұрын

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

@PomehiSanValorant Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@vektor815 Жыл бұрын

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

@Niachan666 Жыл бұрын

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

@AlexLee-do4min Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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

@DreamingDolphing Жыл бұрын

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

@sergeydmitrievsky Жыл бұрын

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