Верстка сайта с нуля, для новичков. Интенсив по верстке, день 2

Поділитися
Вставка
  • Опубліковано 9 чер 2021
  • Марафон по верстке сайта. За 3 дня полностью сверстаем сайт и сделаем адаптив. Объясню все что делаю, и зачем. Отвечу на вопросы.
    Все исходники, инструкция и информация в телеграм канале.
    Ссылка на телеграм канал:
    bit.ly/marafon-from0to1
    Ссылка на телеграм канал с впн:
    bit.ly/vpn-marafon
    Чат верстальщиков:
    t.me/chat_from_0_to_1
    Написать мне в ВК:
    vadimprokopchuk
    Написать мне в телеграм:
    t.me/silver8light
    Отзывы о которых говорю на стриме:
    topic-104892258_40476405
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

КОМЕНТАРІ • 38

  • @gektorix
    @gektorix 2 роки тому +8

    Лучшие интенсивы верстки что я видел. Нет нудной часовой теории или решения задач, далеких от реальной "боевой" верстки. Тем, кто вообще не знаком с версткой html css и js это трудно и они точно будут "плавать" в повествовании. В этом случае советую пройти любые вводные курсы по HTML и CSS. Данные интенсивы подойдут как раз тем, кто знает базовые теги и разбирается в том, что такое селекторы и базовые свойства как: font-size, color и т.д.

    • @user-wz9qr6ki9v
      @user-wz9qr6ki9v 2 роки тому

      тут всё замудрено так ,что пиздец.много подходов тут можно было сделать намного понятнее и проще.одни стрелки чего чего стоят.особенно круглая в первом видео.ещё и jq этот зашкварный.

  • @user-qj8vt7fy5g
    @user-qj8vt7fy5g 2 роки тому +4

    Спасибо. Видосы Топчик! Жду новых!!)

  • @user-fw2sr1zl6k
    @user-fw2sr1zl6k 2 роки тому +4

    Спасибо за урок! Все по полочкам преподнесено

  • @pavelsedoplatov
    @pavelsedoplatov 2 роки тому +2

    Больше года смотрю тебя и все время они что то сверлят))))) Терпения тебе Вадос!

  • @velobarahlo
    @velobarahlo 2 роки тому +1

    как обычно, всё просто и доступно!

  • @rostyslavkinash5232
    @rostyslavkinash5232 2 роки тому +2

    спасибо за урок

  • @mirabbosmirsamiqov6180
    @mirabbosmirsamiqov6180 2 роки тому +1

    спасибо огромное)

  • @xdayx53
    @xdayx53 Рік тому

    Вадя, лучший

  • @LectorWeb
    @LectorWeb 2 роки тому +3

    О, помню когда-то пользовался этим генератором градиентов)

  • @alexkodding9354
    @alexkodding9354 2 роки тому +1

    Спасибо)))

  • @LectorWeb
    @LectorWeb 2 роки тому +3

    Мне кстати slick slider тоже больше по душе 😉

  • @MrArselius
    @MrArselius Рік тому

    Спасибо!

  • @gerompauel
    @gerompauel 2 роки тому +1

    Привет. Почему в блоке blockquote, когда вставляю картинку, она огромная, на весь экран?

  • @MrDuduna
    @MrDuduna 2 роки тому

    класс!!!

  • @phpstudy8625
    @phpstudy8625 2 роки тому +2

    cупер

  • @user-st1ht9lf8g
    @user-st1ht9lf8g 4 місяці тому

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

  • @DRKNSS8357
    @DRKNSS8357 2 роки тому +3

    1:28:13 Люди добрые, подскажите пожалуйста! Почему картинка не сдинулась, а создала пространство между картинкой и текстом? Потому что там фиксированная ширина в 510px?Огромное спасибо за ответ! P.S Спасибо автору за потрясающе интересный контент!!!)

  • @NetGeoOWild
    @NetGeoOWild 2 роки тому +1

    HTML агенты и БЭМ полиция уже выехали :D

  • @Ruslan-uo4mv
    @Ruslan-uo4mv 2 роки тому

    Спасибо вадим вам огромное за подобные выпуски блпгодоря вам не боюсь верстать : Вопрос такой для аудитории может кто тоже сталкивался...... что то ерунда какаето вставляю код как у вас svg на стрелки нифига не работает кто нибудь может что то подсказать . Правки как на видео сделал не помогло.

  • @bohdan3125
    @bohdan3125 2 роки тому +1

    9:20 (заметка для себя)

  • @user-te8sp8li3d
    @user-te8sp8li3d 2 роки тому +4

    Нужно говорить: "Схема проста, как JS"!

  • @user-te8sp8li3d
    @user-te8sp8li3d 2 роки тому +2

    27:55 Слайдер

  • @itschool290
    @itschool290 2 роки тому +2

    3 774 просмотра и всего 330 лайков эх так жалко

  • @residentOfScrepostan
    @residentOfScrepostan 2 роки тому +1

    Зачем надо было дублировать clients__slider-item несколько раз? И кнопка и текст тоже продублировались несколько раз

    • @vadymprokopchuk
      @vadymprokopchuk  2 роки тому

      так это же слайдер, и нам нужно чтобы было несколько слайдов

    • @residentOfScrepostan
      @residentOfScrepostan 2 роки тому

      @@vadymprokopchuk в clients__slider-item содержится и текст и кнопка "записаться на консультацию". Это видно на видео совершенно чётко. Далее в js к классу info__slider добавляется класс clients__slider и всё. По факту же в слайдере находятся и картинки и текст справа, и кнопка. момент начинается с 2:10:17. Меня этот момент смутил. Я решил переписать этот блок по-своему

  • @user-dy6ep6si7n
    @user-dy6ep6si7n 2 роки тому +1

    Подскажи пожалуйста!!!!!!! Второй день мучаюсь, линия которая .info-tabs__item--active {
    border-bottom: 1px solid #303030;} никак не передвигается на 2 и 3 ссылку. Все время под первой. Я уже весь код буква в букву переписал и ни........уя!!

    продажа
    закрепление
    ограничения
    .info-tabs__item--active {
    border-bottom: 1px solid #303030;
    }

    • @user-mc8re2sr9o
      @user-mc8re2sr9o 2 роки тому

      Такая же ситуация (

    • @elvirakobrinsky8889
      @elvirakobrinsky8889 2 роки тому

      загрузили ли готовую папку с файлами?
      я вначале не обратила внимание на это и у меня тоже на работало

    • @Aspnt
      @Aspnt Рік тому

      Возможно мой комментарий еще будет полезен. Я избавился от двух тире в названии классов(заменил 2 тире(--) на 2 нижних подчеркивания(__). И это сработало.

  • @bee3oomec861
    @bee3oomec861 2 роки тому +2

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

    • @artemsmirnoff9821
      @artemsmirnoff9821 2 роки тому

      Material Theme

    • @NeGovoriNet
      @NeGovoriNet 2 роки тому

      Dracula Theme очень нравится (которая более тусклая)