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

Друзья, запилил для вас большую верстку сайта. В данном макете много интересных моментов, которые часто могут ставить в ступор не только начинающих разработчиков. Запаситесь кофе, изучайте верстку и кайфуйте =)
Архив со всем добром для работы - 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

[@vadymprokopchuk]

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

[@viperviper370]

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

[@viperviper370]

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

[@protagonist_proradersnion]

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

[@user-iq7qk3kz6y]

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

[@user-hf4fo8xe4y]

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

[@andreiognev1426]

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

[@vadymprokopchuk]

спасибо

[@user-bm5ge3mr9u]

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

[@1081bad]

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

[@Naebuka]

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

[@Sofia-qu5ge]

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

[@pacificname6831]

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

[@igr3943]

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

[@user-kh7fv5rn1g]

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

[@user-dm2pk3vu8w]

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

[@user-ho9fn3lp8l]

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

[@strelok6903]

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

[@vadymprokopchuk]

Спасибо

[@tpostolova]

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

[@vadymprokopchuk]

Спасибо)

[@Naebuka]

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

[@iskenderkalbaev9171]

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

[@drknss3021]

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

[@vadymprokopchuk]

взаимно

[@user-rf3fq5if2n]

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

[@user-me5zi4tc7d]

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

[@AntonioBenderas]

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

[@_dralya_598]

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

[@vadymprokopchuk]

спасибо

[@icegouse]

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

[@user-yy7zb8kz9y]

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

[@xatuky9644]

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

[@stepanrashevskii576]

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

[@user-zo6rp1xn8i]

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

[@Anahitacode]

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

[@vadymprokopchuk]

круто

[@alko4224]

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

[@vadymprokopchuk]

красава

[@user-fo3fh9fl8l]

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

[@MrBenemon]

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

[@tatianaagapkina8658]

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

[@vadymprokopchuk]

спасибо

[@rinatbogdanov305]

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

[@vadymprokopchuk]

Благодарю

[@user-iq7qk3kz6y]

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

[@ukra777]

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

[@vadymprokopchuk]

Благодарю

[@serhiiarkhypenko8370]

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

[@vadymprokopchuk]

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

[@Victor-vy6qe]

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

[@vadymprokopchuk]

дякую

[@user-zj4pl7ii7v]

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

[@vadymprokopchuk]

спасибо

[@denpro9712]

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

[@vadymprokopchuk]

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

[@stass3251]

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

[@user-pz6kr7px3i]

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

[@vadymprokopchuk]

класс

[@user-ig2sj1ix5d]

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

[@maksimb54358]

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

[@user-qs6cs8ec8h]

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

[@vadymprokopchuk]

спасибо

[@Alexander-bp3kn]

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

[@vadymprokopchuk]

спасибо

[@TankiOnlineFighting]

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

[@vadymprokopchuk]

спасибо

[@acdmilk3870]

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

[@mineSHOWcraft]

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

[@user-uk6vm7ed8g]

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

[@ingady5295]

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

[@leeeelou]

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

[@kriek7284]

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

[@vadymprokopchuk]

спасибо

[@galinagrigoryan4562]

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

[@vadymprokopchuk]

Благодарю

[@kom6395]

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

[@user-cr7up6pn7l]

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

[@velisarus]

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

[@vadymprokopchuk]

круто!

[@user-ow2hr5xk8t]

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

[@Sacar666]

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

[@vadymprokopchuk]

спасибо)

[@user-gm5ri4pq5t]

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

[@user-jh6tn5qj6l]

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

[@dmitrymazu]

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

[@DmitryYanushkevich]

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

[@vadymprokopchuk]

Благодарю)

[@alexvlasyk3696]

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

[@skaizy44]

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

[@vadymprokopchuk]

Круть, супер

[@user-se6ct5zu2f]

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

[@vadymprokopchuk]

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

[@lemurl2015]

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

[@wagnertatjana655]

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

[@user-iq7qk3kz6y]

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

[@sergeykupriyenko3379]

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

[@user-ks8qu5sc1e]

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

[@eduardosmanov6605]

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

[@vadymprokopchuk]

спасибо)

[@quercus4181]

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

[@vadymprokopchuk]

Точняк!)

[@AntiFliKk]

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

[@user-fx4tq3cz2w]

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

[@sivilrishar2927]

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

[@user-sg7dn9wz2r]

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

[@saveliikosevich620]

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

[@TheZver63]

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

[@user-jf4eq9ep5z]

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

[@screw8356]

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

[@luxarmiger5729]

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

[@vadymprokopchuk]

Благодарю

[@briz9681]

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

[@MarianaVaryvoda]

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

[@user-ju4xw9dt3m]

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

[@user-vc1xy1rx8u]

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

[@alexandr8462]

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

[@user-cj3zo5py4q]

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

[@svoy4el]

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

[@protagonist_proradersnion]

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

[@whoisleshalight8514]

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

[@vadymprokopchuk]

спасибо)

[@whoisleshalight8514]

@@vadymprokopchuk Скажи пожалуйста какой у тебя шрифт в vscode?

[@whoisleshalight8514]

SanFrancisco?

[@user-xs8ty9dg5s]

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

[@Liverpoolfc_1892]

Круто ❤

[@justice-ua]

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

[@vadymprokopchuk]

с 0,5 до 1 =))

[@user-gg8gt7jk8l]

@@vadymprokopchuk литра пива)

[@AntonioBenderas]

С 0,7 до полторашки

[@husanboy63]

Чел ты лучший

[@vadymprokopchuk]

спасибо

[@user-nj6dh2ck2y]

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

[@ArteEtHumanitate]

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

[@seoonlyRU]

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

[@dmytrokushnir4524]

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

[@vadymprokopchuk]

дякую!

[@learningit2572]

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

[@vadymprokopchuk]

красава

[@user-jx7pm8ld2h]

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

[@vadymprokopchuk]

спасибо

[@user-ow2hr5xk8t]

Вадим, подскажите, а можно ли заказать консультацию по вопросам? Или только на курс записываться?

[@realshowcast1362]

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

[@vadymprokopchuk]

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

[@realshowcast1362]

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

[@user-frond-end_dev]

неоспоримый мастер верстки!)))))))..........

[@mokaq]

ВЕЧЕРИНКААААА))))

[@PavelChupryna]

Я это сделал!)

[@user-sl7bi4iv9c]

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

[@vadymprokopchuk]

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

[@jugo-stream]

Дякую, Merci, Gracias, Shoukran, Баркал, Thank you, Arigato, Tänan, Cпасибо, Mahalo!

[@artistudio4710]

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

[@BryanskyM]

Ну ты и крут!