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

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 มิ.ย. 2022
  • 🎁 Пошаговый план как стать программистом с нуля до работы в IT → clck.ru/3BaDbi
    ✔️ Программист: курс-профессия с нуля по моей методике → clck.ru/3BaDjX
    Подписывайся на меня в соц. сетях:
    🔽 Telegram - t.me/sergeydmitrievsky
    🔽 Instagram - / sergeydmitrievskyit
    🔽 TH-cam - / @sergeydmitrievsky
    📩 По вопросам сотрудничества sergey@sergeydmitrievsky.ru

ความคิดเห็น • 52

  • @sergeydmitrievsky
    @sergeydmitrievsky  5 หลายเดือนก่อน

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

  • @Progger_io
    @Progger_io 2 ปีที่แล้ว

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

  • @PomehiSanValorant
    @PomehiSanValorant 2 ปีที่แล้ว +7

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

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 ปีที่แล้ว +1

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

    • @Pafel0684
      @Pafel0684 ปีที่แล้ว

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

  • @kasatkahuemay4104
    @kasatkahuemay4104 2 ปีที่แล้ว +1

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

  • @yariqpro1510
    @yariqpro1510 2 ปีที่แล้ว

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

  • @user-qc5wn3ik8y
    @user-qc5wn3ik8y 2 ปีที่แล้ว +11

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

  • @SH-po7rm
    @SH-po7rm 2 ปีที่แล้ว

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

  • @antonyfeirmont
    @antonyfeirmont ปีที่แล้ว

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

    • @AibekDandaev
      @AibekDandaev ปีที่แล้ว

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

  • @ivangusev8752
    @ivangusev8752 ปีที่แล้ว

    Спасибо!

  • @user-ks5wq4lm8e
    @user-ks5wq4lm8e 2 ปีที่แล้ว

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

  • @user-so4gl2lj4l
    @user-so4gl2lj4l 2 ปีที่แล้ว

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

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 ปีที่แล้ว +1

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

  • @XAH30
    @XAH30 2 ปีที่แล้ว

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

  • @sdenys3554
    @sdenys3554 2 ปีที่แล้ว

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

  • @aleksandrwet
    @aleksandrwet 2 ปีที่แล้ว

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

  • @Progger_io
    @Progger_io 2 ปีที่แล้ว

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

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 ปีที่แล้ว

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

  • @mariins267
    @mariins267 2 ปีที่แล้ว

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

  • @MikePokhvaschev
    @MikePokhvaschev 2 ปีที่แล้ว

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

  • @alenache1
    @alenache1 2 ปีที่แล้ว +1

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

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 ปีที่แล้ว

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

  • @dianashakirova2614
    @dianashakirova2614 2 ปีที่แล้ว

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

  • @abibsasi4
    @abibsasi4 2 ปีที่แล้ว

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

    • @AlexLee-do4min
      @AlexLee-do4min 2 ปีที่แล้ว

      ;)))
      th-cam.com/users/c%D0%90%D0%BD%D0%BD%D0%B0%D0%91%D0%BB%D0%BE%D0%BA
      th-cam.com/channels/3Y2mWFDornzecXm_6zuN8w.html
      th-cam.com/users/cwebelart
      th-cam.com/users/cWebGirlKristina
      th-cam.com/users/cTheCoderCoder
      th-cam.com/users/cAidaDrogan/featured

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 ปีที่แล้ว +1

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

  • @sanmarchen
    @sanmarchen 2 ปีที่แล้ว

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

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 ปีที่แล้ว

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

  • @vektor815
    @vektor815 ปีที่แล้ว

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

  • @Niachan666
    @Niachan666 ปีที่แล้ว

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

  • @AlexLee-do4min
    @AlexLee-do4min 2 ปีที่แล้ว

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

  • @user-pf6hw8cv7y
    @user-pf6hw8cv7y 2 ปีที่แล้ว

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

    • @PomehiSanValorant
      @PomehiSanValorant 2 ปีที่แล้ว +1

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

    • @sergeydmitrievsky
      @sergeydmitrievsky  ปีที่แล้ว +1

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

  • @DreamingDolphing
    @DreamingDolphing ปีที่แล้ว

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

    • @sergeydmitrievsky
      @sergeydmitrievsky  ปีที่แล้ว

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

  • @gastongrey4620
    @gastongrey4620 2 ปีที่แล้ว +1

    Посмотрел пару видео за последнее время. Вообще ничего полезного, какая-то вода в общих словах.

  • @abbosvaliev6498
    @abbosvaliev6498 2 ปีที่แล้ว

    честно скажите, вы просто делаете конвеер безполезных роликов? специально 10 минут чтобы получить доллар

    • @yuzu-dev
      @yuzu-dev 2 ปีที่แล้ว

      На вкус и цвет товарищей нет. Если не нравится - не смотри :/

    • @sergeydmitrievsky
      @sergeydmitrievsky  ปีที่แล้ว +1

      Разгадал мой секрет)

  • @omg7108
    @omg7108 ปีที่แล้ว

    Очень много воды