Верстка целого сайта в одном видео + Адаптив

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ค. 2022
  • Друзья, запилил для вас большую верстку сайта. В данном макете много интересных моментов, которые часто могут ставить в ступор не только начинающих разработчиков. Запаситесь кофе, изучайте верстку и кайфуйте =)
    Архив со всем добром для работы - drive.google.com/file/d/1uv-r...
    Сайт курса по верстке - from0to1.com.ua/
    Готовая верстка на patreon - / from0to1
    Видос по svg - • SVG, большой гайд
    Большой гайд по гридам - • CSS GRID Большое руков...
    О box-sizing - • box sizing border box ...
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

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

  • @vadymprokopchuk
    @vadymprokopchuk  ปีที่แล้ว +34

    Архив со всем добром для работы - drive.google.com/file/d/1uv-rXd0jRFOF8XEHo_ltUTlk4bnVr2ck/view?usp=sharing
    Сайт курса по верстке - from0to1.com.ua/
    Готовая верстка на patreon - www.patreon.com/from0to1

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

      Здравствуйте, пожалуйста снимите видео вёрстка с 0 на HTML CSS php просто я посмотрел видео про основ php и mysql и не знаю как верстать сайты на php надеюсь сделаете видео заранее спасибо

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

      Ты красавчик лайк

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

      @@viperviper370 на PHP пишут не сайты, а серверную часть к ним)

    • @user-iq7qk3kz6y
      @user-iq7qk3kz6y ปีที่แล้ว +3

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

    • @user-hf4fo8xe4y
      @user-hf4fo8xe4y 8 หลายเดือนก่อน

      Вадим, спасибо тебе за классные уроки, которые ты делаешь для нас!
      Скажи, почему нельзя объединить три верхних декора по слоям в одну картинку и вставить ее, а не три разных?

  • @andreiognev1426
    @andreiognev1426 ปีที่แล้ว +120

    Вадим, первое что сразу хочется тебе сказать это Слава Богу, что ты в порядке. И надеюсь что и твои близкие в безопасности. Спасибо тебе огромное за то что находишь время и силы на такие классные и очень нам нужные занятия. Как всегда лайк!!!

  • @1081bad
    @1081bad ปีที่แล้ว +83

    Сидишь такой грустный и понимаешь, что жизнь проходит зря. Но тут врывается Вадим со своим новым видосом и жизнь начинает играть новыми красками и ты уходишь в отрыв!

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

      а где ссылка на макет ?

    • @Sofia-qu5ge
      @Sofia-qu5ge ปีที่แล้ว +1

      @@Naebuka в описании ссылка на гугл драйв, там все файлы

  • @user-bm5ge3mr9u
    @user-bm5ge3mr9u ปีที่แล้ว +28

    Новый макет это хорошо! Но главное, это узнать, что с тобой все в порядке. Как всегда ЖИРНЫЙ ЛАЙК!

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

    Еее это огонь просто 🔥 Большое спасибо, Вадим за такие ролики!

  • @igr3943
    @igr3943 ปีที่แล้ว +3

    Уиииииии) радости моей нет предела! Спасибо, Вадим!

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

    Какая интересная подача информации, и что интересно, что так лучше усваивается) Спасибо

  • @strelok6903
    @strelok6903 ปีที่แล้ว +32

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

  • @stepanrashevskii576
    @stepanrashevskii576 ปีที่แล้ว +8

    Я умею верстать, но твою работу просто приятно посмотреть, Вадим) Ну и попадаются интересные моменты для меня в верстке) Здоровья и мирного неба над головой! Спасибо, что ты относишбся к нам с пониманием...

  • @pacificname6831
    @pacificname6831 10 หลายเดือนก่อน +1

    Особенно нравится то, как Вадим точно подбирает слова. Ссыкотно - это точное описание того, что я чувствую, когда первый раз смотрю на макет....

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

    Круто! Вадим, спасибо за ролик, за труд! Очень было полезно! Все с объяснением, все подробно. То, что нужно👍

  • @user-me5zi4tc7d
    @user-me5zi4tc7d ปีที่แล้ว +1

    спасибо тебе огромное, за то что ты делаешь, всех благ тебе и твоей семье!!!!!

  • @_dralya_598
    @_dralya_598 ปีที่แล้ว +3

    Урааа, новый видос! Вадим, спасибо за очередной шедевр!!!

  • @user-uk6vm7ed8g
    @user-uk6vm7ed8g ปีที่แล้ว +1

    Ты крут, давно я ждал 5 часовой вечерины))) завтра вместе с тобой устрою эту вечеринку)))) Сам понимаю, что будет проблема в адаптации, сего чуда)

  • @user-yy7zb8kz9y
    @user-yy7zb8kz9y 11 หลายเดือนก่อน +1

    Огромный респект такому человеку, который даёт возможность развиваться! Спасибо !!

  • @user-se6ct5zu2f
    @user-se6ct5zu2f ปีที่แล้ว +8

    Спасибо за видео, спасибо что делаешь контент даже в такое тяжёлое время, надеюсь с тобой и семьёй всё хорошо. Хотелось бы слышать больше рассказов из личной жизни так как они очень мотивируют, как ты, какие планы и также всегда хочется слышать от тебя советов))) Помимо вёрстки, ты также очень сильно мотивируешь просто даже своими историями из жизни, тебя всегда интересно послушать. Из контента хотелось бы уже JS и что-то посложнее, мб какой-то интернет магаз с большой структурой файлов и тд. Еще раз говорю спасибо за контент и настрой в тонусе)) Переможемо))

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

      спасибо, 100%, больше о себе делюсь на патреон

  • @user-kh7fv5rn1g
    @user-kh7fv5rn1g ปีที่แล้ว +4

    Спасибо Варваре за красивый дизайн ))). а Вадиму - за урок!!! круто!

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

    Вадим, от спасибо тебе. Лучше давай такие видео. Они нам больше нужны.

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

    Теперь то я знаю, чем завтра буду занят! Спасибо, дружище, ты лучший. Мира тебе и близким

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

    Классные видосы, побольше таких. Очень помогают новичку. Ну и подача просто супер)

  • @user-zj4pl7ii7v
    @user-zj4pl7ii7v ปีที่แล้ว +6

    Вадим , ты супер учитель, твои уроки можно смотреть вечно )))
    Класс.
    Спасибо огромное

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

    Дякую!
    Твои видео супер, особенно как ты прикалываешься и объясняешь.
    Успехов тебе, респект за труд!

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

    Ох... досмотрел наконец до конца, это было круто, спасибо за бесценный опыт !

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

    Какой кайф, макет пушка, я уже предвкушаю процесс!

  • @rinatbogdanov305
    @rinatbogdanov305 ปีที่แล้ว +3

    Спасибо за верстку и макет. Удачи тебе и твоей семье!!!

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

    Спасибо за урок. Мирного неба и здоровья с Одессы!

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

      Спасибо и вам мирного неба!

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

    Спасибо вам за огромный труд 👍🔥

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

    Это уже не вечеринка, а целый фестиваль!) Очень рад тебя видеть, Вадим!👍

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

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

  • @user-pz6kr7px3i
    @user-pz6kr7px3i ปีที่แล้ว +1

    Спасибо Вадим) Стали понятными очень многие вещи когда увидел как это делается на практике)

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

    Огромное спасибо, шаг за шагом и получился классный сайт, никогда не думал что верстка так затягивает! Еще раз спасибо за классный урок, Вам самые лучшие творческие пожелания и удачи во всем

  • @galinagrigoryan4562
    @galinagrigoryan4562 ปีที่แล้ว +5

    Да,Вадим объясняет очень доходчиво.Прохожу его курс сейчас,я наконец-то начала понимать структурированно. А менторам отдельное спасибо,очень терпеливые с нами)))))Рекомендую

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

    большое вам спасибо за то что нас учите!!!

  • @Alexander-bp3kn
    @Alexander-bp3kn ปีที่แล้ว +9

    Что еще нужно для новичка, чтобы научится. Спасибо Вадим, побольше таких видео. Манера подачи материала шикарная. Удачи тебе, береги себя.

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

    Вадим, спасибо огромное! Классные задачи разбираем.

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

    Спасибо большое за Ваши крутые выпуски по верстке) Хотелось бы рассказать небольшой лайфхак, который облегчит, я думаю Вам жизнь. Чтобы быстро скопировать и вставить несколько строк текста/списка можно скопировать полностью весь текст или список, размножить курсор по тегам и оно вставится каждый в свой тег) Надеюсь помогла

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

    Это шедевр! Бьютифульно!

  • @Victor-vy6qe
    @Victor-vy6qe ปีที่แล้ว

    Дякую за відео, твоє ведення уроку просто СУПЕР!!!

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

    Лучший! Спасибо за контент!

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

    Огромное спасибо, все по полочкам и без душнилова))

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

    Крутой ты тип, конечно. Наткнуться на твой канал - это в топе лучшего за 2022 для меня)

  • @tpostolova
    @tpostolova ปีที่แล้ว +15

    Вадим, ну совсем никто не ожидал такого сюрприза, спасибо за положительные эмоции и за проделанную работу.

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

      Спасибо)

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

      подскажи где ссылка на макет

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

      @@Naebuka в описании

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

    Вадим, спасибо тебе большое!!!)))

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

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

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

    Ты Супермен! Спасибо огромное, Вадим!

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

    Огромное спасибо, отличное видео!)

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

    Это с ума сойти можно какая вечеринка! Я доделала! Спасибо

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

    У Вадима самые потрясающие видео по верстке.

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

    Вау, Вадим хорош!) спасибо)

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

    Добрый день! Большое спасибо за интересную поддачу обучения и не обычную страничку по дизайну! Мне очень понравилось!

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

      а ссылка есть на макет?

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

      @@user-iq7qk3kz6y в описании же....архив со всем добром

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

    Вадим привет! Жизнь продолжается 😊

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

    Ура!!! Огромнейшее спасибо!

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

    Спасибо за видео! На моей совести уже больше десятка сверстанных сайтов, но все равно из Ваших видео я узнаю что-то новое для себя.

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

    Суперская подача!!! =)

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

    Благодарю!!!!
    Очень полезно! Спасибище!!!!!

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

    Спасибо за отличный видос, попробую сверстать с тобой! Лайк )

  • @user-ks8qu5sc1e
    @user-ks8qu5sc1e ปีที่แล้ว +1

    Красавчик!!! Спасибо большое!!!!

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

    О да, снова проведу вечер в приятной компании :D

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

    Дякую за відео, сподобалося, додивився і заверстав. Приємно дивитися такі відео.

  • @denpro9712
    @denpro9712 ปีที่แล้ว +3

    Буенос Диас. 5 часов.
    Вадосик is back. Красавчик!

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

      Буенос Диас) как я рад это читать=)

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

    Вадим красава, всегда на высоте.

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

    Шикарный лендинг. рад что с тобой всё пучком. как и твои волосы)

  • @saveliikosevich620
    @saveliikosevich620 8 หลายเดือนก่อน

    легенда, спасибо за видио!

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

    Щиро дякую за контент! Моя 5-тигодинна вечырка пройшла незабутньо ))

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

    Спасибо, на благо города и всех харьковчан!

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

    Ооууууу! Опять ВЕЧЕРИНКА!
    ПОГНАЛИ....

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

    Привет Вадим! Дай Бог тебе и твоей семье благополучия!

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

    Спасибо за такое видео!

  • @justice-ua
    @justice-ua ปีที่แล้ว +7

    Спасибо за видео. Очень полезный формат для обучения. Большая просьба - очень хотелось бы видео з натяжкой на вордпресс но уже посложнее макет чем лендинг с авто. Для немного опытных подписчиков. Как бы не с 0 до 1 а с 0,5 до 1)) . Еще раз спасибо. Ждем следующих видео

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

    ооо, наконец макет не совсем для новичков!)

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

    ставлю лайк, потом смотрю)

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

    Спасибо бро, пишу коммент для продвижения видео.

  • @user-sg7dn9wz2r
    @user-sg7dn9wz2r 3 หลายเดือนก่อน

    замечательное свойство flex-direction: column; flex-direction: column-reverse; решает многие задачи адаптива

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

    Спасибо за контент!

  • @AntiFliKk
    @AntiFliKk 10 หลายเดือนก่อน

    Прекрасное видео)

  • @user-ow2hr5xk8t
    @user-ow2hr5xk8t ปีที่แล้ว +1

    Думаешь все обыденно, но нет, все удивительно. И оно рядом:D

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

    13:34 "Добрий день Everybody" ©

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

    Прикольный лендинг доделаю велики и приду сюда)

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

    Урааааааа Вадос вышел!))

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

    Спасибо тебе большое, мил добр человек!) Вадим, ты ЧЕЛОВЕЧИЩЕ!) Это ты СИЕ ЧУДО!) Огромный тебе респект!) Просто от души!) 😋

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

    Ухуху, вот это вечериночка намечается

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

    Просто зашел сказать тебе спасибо. С тебя ровно год назад начался мой путь. Сейчас учу реакт))
    Надеюсь что после нашей победы трудоустроюсь

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

    не человек, а ЧЕЛОВЕЧИЩЕ!

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

    Это очень круто, но если бы понимать еще что делаешь и знать самому куда что применять вообще было бы супер)))))
    А так просто переписывать за тобой ничего не понимая)))

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

      понимать это уже будет следующий уровень)

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

    Лучший, просто лучший))

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

    Чел ты лучший

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

    Спасибо большое!!!!

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

    Как же его прёт!)

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

    Гарне заняття , дуже дякую . Мій коментар вам та вподобайка в підтримку каналу

  • @user-ow2hr5xk8t
    @user-ow2hr5xk8t ปีที่แล้ว +3

    Вадим, есть плагин в фигме Font Fascia, который показывает список шрифтов на макете. Очень удобно использовать, чтобы не лазить по макету. Рад, если помог!)

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

      Мне кажется Вадим знает о нем, но привык пользоваться своим методом)

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

      Спасибо! Очень помог))))

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

    норм тема, лайк от СЕООНЛИ

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

    Ооо, Вадим уже на Маке)))

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

      3 года как уже )

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

      @@vadymprokopchuk А я по твоим марафонам что на Винде были, скилы прокачивал, последнее время не заходил, за это время установил себе хакинтош (сиеррра-монтерей на 3 ПК), а тут опа и темный интерфейс с крестиком слева))

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

    у меня 12 часов ночи, занимаюсь твоим макетом с 12-ти дня) Дошел до твоего важного заявления, Вадим поймет о чем я) на какой минуте важное заявление, я не скажу. После окончания теха спустя год, я продолжаю само развиваться.

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

      красава!

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

      @@vadymprokopchuk ты тоже красавца) прям мужик ваще))

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

    Хух, о це кайф був! Верстав паралельно. Дещо зробив по-своєму, але, загалом, дякую тобі за подачу і майстерність!

  • @vv5642
    @vv5642 ปีที่แล้ว +6

    Вадим,приветствую! Благодарю Вас за контент,скажите,пожалуйста, будут ли проекты на вашем канале, где будет использоваться Js ,то есть для Frontend junior?

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

    Супер человек

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

    Круто ❤

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

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

  • @bark-ni8py
    @bark-ni8py ปีที่แล้ว

    Спасибо большое за ролик! Можете объяснить, почему при использовании before, after в header для ёлок такое чувство будто нету разницы между данными псевдоэлементами? Оба svg у нас после(вконце) header, но при этом before так же используется...

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

    Здравсвтуйте, спасибо большое за видео
    Подскажите, пожалуйста, каким образом нужно считать размеры в vh?