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

Марафон по верстке сайта. За 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
    @gektorix2 жыл бұрын

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

  • @user-wz9qr6ki9v

    @user-wz9qr6ki9v

    2 жыл бұрын

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

  • @pavelsedoplatov
    @pavelsedoplatov2 жыл бұрын

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

  • @user-fw2sr1zl6k
    @user-fw2sr1zl6k2 жыл бұрын

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

  • @user-qj8vt7fy5g
    @user-qj8vt7fy5g2 жыл бұрын

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

  • @velobarahlo
    @velobarahlo2 жыл бұрын

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

  • @rostyslavkinash5232
    @rostyslavkinash52322 жыл бұрын

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

  • @mirabbosmirsamiqov6180
    @mirabbosmirsamiqov61802 жыл бұрын

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

  • @LectorWeb
    @LectorWeb2 жыл бұрын

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

  • @alexkodding9354
    @alexkodding93542 жыл бұрын

    Спасибо)))

  • @LectorWeb
    @LectorWeb2 жыл бұрын

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

  • @MrArselius
    @MrArselius Жыл бұрын

    Спасибо!

  • @xdayx53
    @xdayx53 Жыл бұрын

    Вадя, лучший

  • @MrDuduna
    @MrDuduna2 жыл бұрын

    класс!!!

  • @phpstudy8625
    @phpstudy86252 жыл бұрын

    cупер

  • @antonknysh1252
    @antonknysh12522 жыл бұрын

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

  • @DRKNSS8357
    @DRKNSS83572 жыл бұрын

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

  • @elvirakobrinsky8889

    @elvirakobrinsky8889

    2 жыл бұрын

    свойство float

  • @user-st1ht9lf8g
    @user-st1ht9lf8g3 ай бұрын

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

  • @NetGeoOWild
    @NetGeoOWild2 жыл бұрын

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

  • @user-te8sp8li3d
    @user-te8sp8li3d2 жыл бұрын

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

  • @bohdan3125
    @bohdan31252 жыл бұрын

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

  • @user-te8sp8li3d
    @user-te8sp8li3d2 жыл бұрын

    27:55 Слайдер

  • @Ruslan-uo4mv
    @Ruslan-uo4mv2 жыл бұрын

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

  • @itschool290
    @itschool2902 жыл бұрын

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

  • @residentOfScrepostan
    @residentOfScrepostan2 жыл бұрын

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

  • @vadymprokopchuk

    @vadymprokopchuk

    2 жыл бұрын

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

  • @residentOfScrepostan

    @residentOfScrepostan

    2 жыл бұрын

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

  • @user-dy6ep6si7n
    @user-dy6ep6si7n2 жыл бұрын

    Подскажи пожалуйста!!!!!!! Второй день мучаюсь, линия которая .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
    @bee3oomec8612 жыл бұрын

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

  • @artemsmirnoff9821

    @artemsmirnoff9821

    2 жыл бұрын

    Material Theme

  • @NeGovoriNet

    @NeGovoriNet

    2 жыл бұрын

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