Верстка сайта - HTML, CSS, JS. Адаптив

[@vadymprokopchuk]

макет - drive.google.com/file/d/1MmhE-n05AVMBFBTX9xCi4WAykIBZFVN-/view?usp=sharing файлы (начальный html и css) - drive.google.com/file/d/15xRFhbsCaLgI4nEkmklbbthm5t6D4jPF/view?usp=sharing ---------------------------------------- Сайт курса по верстке - from0to1.com.ua/ ----------------------------------------

[@alexander_stark]

Отличный урок. Хотелось бы понимание как верстается в бо°льшую сторону под 1440 и выше

[@deviant6646]

Як ти на 1:37:12 зробив так щоб span розкрився в колонку а не вряд?

[@vadymprokopchuk]

@@deviant6646 це робиться в налаштуваннях vs code, можеш зайти на мій український канал, там є відео про вс код, там я все показую по цій штуці

[@МаксимКузмин-у9б]

Підкажіть буд ласка яка різниця між ви робите сайт visual studio code і робити сайт в visual studio по технології Razor або MVS.

[@tarasluchak4699]

@@vadymprokopchuk Добрий вечір! Скиньте будь ласка посилання на Україномовний канал. Бо від 2014р. московицька страшно ріже вуха:)) Ви дуже файно подаєте інформацію. Зрозуміло і доступно. Дякую.

[@IvanKeats-q3q]

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

[@vadymprokopchuk]

благодарю, я рад, что помогаю развиваться

[@dedsec5726]

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

[@Silvestr_Stalonivich]

Вадим все просто великолепно) блин как же кайфово верстать вместе с тобой под твои комментарии. Лучший в своем деле!!!

[@vadymprokopchuk]

Спасибо, я очень рад

[@yuriykolomytsyn2352]

Такое теплое чувство остается после твоих стримов! огромное спасибо, всегда с радостью и продуктивно учусь на твоих верстках

[@vadymprokopchuk]

Круто, благодарю

[@airpodsclub6443]

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

[@vadymprokopchuk]

это потрясающее, молодцом! рад, что помог

[@Тренер-я6м]

что по зарплате ? в первое время

[@axelvirtus2514]

​@@Тренер-я6мнужно любить программирование а не идти из-за зарплаты

[@100Rish]

Лжец

[@terner_arthur]

Спасибо тебе Вадим за твой контент, ты большое дело делаешь!!!

[@vadymprokopchuk]

спасибо

[@c4inusiii]

Вадим, огромное спасибо! Отлично объясняете каждое действие, разжевываете и заправляете это все шутками)) 3 часа прям пролетели! Было очень приятно посмотреть и сверстать, вы - отличный человек)

[@1081bad]

Вижу видео Вадима, не глядя ставлю лайк!

[@vadymprokopchuk]

Спасибо

[@Embrace777]

Спасибо за очередную порцию качественной вечеринки)

[@vadymprokopchuk]

Спасибо

[@maksimmolotov7962]

Единственная вечеринка на которую я люблю ходить

[@vadymprokopchuk]

Врубаем музон )

[@РустамАетбаев-р4к]

Для себя решил по понедельникам практиковать по одному видосу с вёрсткой, дабы подтянуть вёрстку. Ну очень приятная и интересная подача материала у Вас, дякую.

[@vadymprokopchuk]

Дякую, отличный план

[@Alexey-c9o]

Единственный канал на который с радостью прихожу на вечеринку

[@vadymprokopchuk]

спасибо

[@alexms8508]

Вышло видео, лайк не глядя ! ) Спасибо что ты есть )

[@vadymprokopchuk]

Спасибо!

[@artur_interes]

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

[@vadymprokopchuk]

спасибо

[@ЮляСолнце-ь2у]

Спасибо огромное!!!! Смотрела, смотрю и буду смотреть! Лайк лайк лайк❤❤❤

[@vadymprokopchuk]

Благодарю, круто

[@BecauseBird]

"Белый чай и черный кофе, чтобы не было расизма." Через пару минут: "Черный он и в Африке чёрный"

[@Monte546-s1w]

Осенние дождливые деньки идеальное время для верстки

[@vadymprokopchuk]

я знад) наслаждаемся)

[@ROMAN-KVAS]

100%

[@AlexandrZabun]

Просто наслаждаюсь версткой, да ещё и угораю с твоих мини прикольчиков ахахах, короче кайфую

[@vadymprokopchuk]

спасибо)

[@АльбинаРахметова-р5б]

Большое спасибо, Вадим! С вами все так легко и весело

[@vadymprokopchuk]

круто)

[@dmitryvertoprakhov5469]

Как всегда - вечеринка топ! Спасибо большое!

[@meowmeowmeowmeow000]

Владос просто красавчик, высший пилотаж по верстке, в сочетании с юмором, = отличное и полезное времяпрепровождение, люблю твои видосы, спасибо

[@vadymprokopchuk]

@@meowmeowmeowmeow000 благодарю

[@j-lewis]

Ураааа, у нас снова вечеринка! Дякую, Вадос, ты кросавчег! Снова радуешь подарками, а ведь ещё не Рождество! 🤩😍

[@vadymprokopchuk]

Супер, дякую )

[@fedordostoevskiy4209]

Богдан, уважаю тебя, сам понял за что.

[@vadymprokopchuk]

Да, Богдану вообще респект

[@dmitrysazonov8185]

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

[@kiralatysheva6794]

Спасибо тебе, добрый человечище! =)

[@vadymprokopchuk]

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

[@МиколаРибалка-г2ю]

Дякую, цікаво, просто і зрозуміло! Ти класний! )

[@vadymprokopchuk]

Дякую

[@thechosen8646]

спасибо за контент, жду когда будет верстка с препроцессорами !

[@vadymprokopchuk]

супер!

[@СашаАлександр-е4м]

Так приятео слушать, как профессионал решает задачи в такой расслабленной манере с шутками

[@vadymprokopchuk]

благодарю

[@evgenykonstantinov8414]

Как всегда , круто! Красавчик!!!👍

[@vadymprokopchuk]

благодарю)

[@optimist6861]

Привет я твой новый подписчик я подписался к тебе когда смотрел видео Когда УМЕРЕТ ВЁРСТА я просто вот вот хотел бросать изучение Фронт энд разработку думал уже эти конструкторы заменяют фронтов но ты меня убедил и очень рад к этому скорее всего я буду смотреть долго твои канал и ты будешь наверное моим любимым блогером про IT

[@vadymprokopchuk]

Спасибо) не забрасывай, оно того стоит

[@ukraine1514]

Сансэй Вадим👍💪 position: relative просто прописал в html🤷 в инспекторе кода эти отступы (с низу так же) были именно для html😁 Чем ценин тариф "бомж",тем,что надо думать самому и находить выход с ситуации самому.... Вадим красава с ведром чая 💪👍 Продолжаем вечеринку😁

[@reactnative049]

Человечище!!! Сразу лайкос👍👍👍👍. Спс.

[@vadymprokopchuk]

Спасибо, супер

[@Jurist96]

Ваш видос послушал как будто Фильм Однажды в Одессе снова посмотрел!

[@АртёмФадин-д7щ]

Классный видос ,скоро начну верстать , харизма автора просто что-то с чем-то, хотелось бы видео о монетизации всей это вечеринки с вёрсткой ,или хотя бы источников инфы

[@vadymprokopchuk]

Благодарю

[@JustNurlybek]

Спасибо за качественную верстку!

[@vadymprokopchuk]

Спасибо

[@tatigerbst4416]

Как всегда кайфовая верстка! Спасибо, Бро!

[@vadymprokopchuk]

спасибо

[@getFrontend]

Залетел, заверстал mobile-first подходом на галп сборке. Спасибо за чай 😊

[@vadymprokopchuk]

Крутяк

[@Acksakal]

YOU ARE AMAZING, брат!

[@ArteEtHumanitate]

Большое тебе спасибо, мил человек!

[@TheAntagonist1999]

Хочу оставить комент огромной благодарности, потому что то, что ты делаешь, по уровню преподнесения материала порой на порядок выше супер-раскрученных украинских курсов. Сейчас заканчиваю как раз 10тимесячное обучение и понимаю, что можно было просто работать по твоим видео, по которым, в отличие от курса, получается верстать быстрее, лучше и запоминается 90%. Самый полезный канал, помог заново поверить в свои силы! Скажи пожалуйста, не планируешь ли ты запускать отдельный курс/марафон/цикл видео по JS, React, Angular, Vue.js и подобным штукам? Мне кажется, это был бы 🔥 в любом случае, ещё раз большое спасибо за полезнейший контент 😊

[@vadymprokopchuk]

Спасибо, мне очень приятно, я рад что помогаю. Пока нет в ближайших планах, но может в следующем году

[@paulbond8244]

Бомба!!!!!!!!!! Спасибо уважаемый!

[@epicshorsviral]

thank u for ur lesson and work for us. Also for a good vibe since we are learning this :)

[@Em1L-n4b]

профессионально подвинуть на глаз, чет орнул)))))))))))))))))))

[@vadymprokopchuk]

так и есть )

[@focusedzed]

Спасибо за видео! Всё супер доходчиво!

[@88Kristina88]

Спасибо большое, Вадим 😊.

[@stopmol]

31:19 а обязательно ли менять размер лого в css? там же svg формат, с помощью которого более точнее можно было бы изменить формат. или, же то что вы сделали в css имеет другой смысл

[@Varanovski]

❤ за мятную зелёную футболку и фон

[@vadymprokopchuk]

Спасибо, это очень ценно) я так старался )

[@ringnull]

Готово, красота. Жду продолжения этой великой верстки.

[@vadymprokopchuk]

уже скоро)

[@TeomunMete]

Слова Супер придумали только ради тебя 😊😊

[@vadymprokopchuk]

))))

[@skypoint7]

поставил лайк за зеленый фон и мятую футболку.)))

[@ТетянаХарченко-н6н]

Лайк вже на 6-й хвилині))

[@vadymprokopchuk]

дякую

[@mmosow]

В каждом твоем ролике, Вадим, происходит настоящее событие в мире frontenda и стрендапа. Это не просто видео, это мировое событие. Время мчится незаметно: начинается ролик, моргнул - и он уже закончился. Но в этом коротком времени ты превращаешь меня в гуру фронтенда, способного верстать сайты - и это не преувеличение. Каждая твоя вечеринка становится ярким воспоминанием. Ты, как профессиональный режиссер и конспиролог, умело завершаешь ролик на самом захватывающем моменте, разжигая дикое желание ждать следующей встречи. Итак, когда можно ожидать продолжение этого нового шедевра?

[@ypohut1673]

Коммент в поддержку🎉

[@placid3495]

Чувак, лайк тебе! Ты крут!

[@vadymprokopchuk]

Спасибо )

[@georgg8957]

Вадим давно за тобой наблюдаю ))). Как всегда спасибо за контент. Но хочу немного бросить в вашу песочницу ))). display не является анимируемым свойством, поэтому в конце ролика 2:58:15 где ты вешаешь transition: background-color 0.3s ease. На класс .menu--close - transition работать не будет

[@vadymprokopchuk]

да, ты прав, он не анимируется

[@ТетянаХарченко-н6н]

Без чайника чаю ніяк)))) Не очікувала, що відповідь на питання: що потрібно, щоб зверстати цей сайт? -буде відповідь: чайник чаю)))) Думала буде зараз список того, що потрібно вже знати)))

[@vadymprokopchuk]

потрібен тільки чайник)

[@Виктор-т9л9б]

Лучший на всё, СНГ!!!

[@vadymprokopchuk]

спасибо)

[@mishon9739]

Лайк не за Вашу экспертность Маэстро, а только за мятую зеленую футболку и фон :3:3:3

[@vadymprokopchuk]

Вот, я знал что это сработает ))

[@shnshnd]

Вадим, спасибо огромное за уроки, лучший! подскажите, пожалуйста, не будет ли это считаться ошибкой, что мы указываем высоту? везде разная информация и чаще всего я видела, что склоняются к тому, что height задавать неправильно, что лучше сделать паддингами меня этот вопрос мучает, спать не могу( или все же можно задавать, но только для каких-то определенных элементов, например хедера?

[@Saba-cn8gp]

как всегда топ!

[@dm0795]

Король Вечеринок 😎

[@vadymprokopchuk]

спасибо)

[@ringnull]

Завтра начну верстать эту вечеринку )

[@vadymprokopchuk]

Топ

[@Defee36]

Походу только твое объяснение я понимаю !!! Благодарю

[@vadymprokopchuk]

Круто, спасибо

[@user-wetal4903]

Однозначно лайк земеля,привет из Салтовки✌ как всегда годный контент,один вопрос почему не mobile first?

[@DinamitNeon]

Мне так нравится как он каждый раз на пиксель перфект забивает)

[@markshaforostov1699]

Вадим, полезное и интересное видео, лайк однозначно! Что за тему используете в vs code?

[@prodi7336]

Вадим сейчас можно использовать jquery на фрилансе или лучше JS? В компаниях понятно от нее отказываются а на фрилансе?

[@vadimactive]

Новая вечеринка!! Супер

[@vadymprokopchuk]

Огонь )

[@lex08190102]

Видео - ОГОНЬ!!!!!

[@vadymprokopchuk]

спасибо)

[@KomarSuper]

Скажи пожалуйста какой шрифт используется с VSCode?

[@music.relax.]

Почему, когда я скачиваю ваш файл fig с Гугл Диска, то там пусто? Вы их удаляете, или это проблема у меня?

[@BezhovHF]

Не подскажете почему тег может зачёркиваться?

[@ОльгаЕпанчинцева-ш5э]

Очень люблю пить чай с вами

[@antononoprienko9027]

Transition на menu-close работать не будем потому, что свойство background применяется сразу мгновенно. Нужно делать через opacity. А в целом классный урок, жаль что фигма сейчас платная в режиме developer

[@xyu23]

Маэстро вадим только благодаря вам я делаю курсовую

[@_pheax]

спасибо Вадос. удачи тебе

[@vadymprokopchuk]

Спасибо, удачи

[@MG-iq6ri]

Только сегодня js часть последнего сайта закончил делать и подумал, давненько видео не было)

[@vadymprokopchuk]

Хух) я успел )

[@luckytima2315]

Спасибо за видео ! Братик скажи это видео подойдет для начинающих?

[@СергейРоговой-л5п]

Очень круто, спасибо большое. Благодаря тебе мои знания увеличиваются. Если не трудно можешь, пожалуйста, сделать верстку с SASS, GUIP.

[@sv3404]

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

[@seregaigraet]

лайк за мятую футболку)

[@domakook753]

Здравствуйте! Спасибо.

[@JavaScript-b1m]

Рад видеть!))

[@vadymprokopchuk]

Взаимно )

[@just_move6846]

Лайк сразу за чай)

[@vadymprokopchuk]

спасибо)

[@Maria-eq7bt]

нежнейшим образом СПАСИБО

[@Ilnaz-d9w]

Здравствуйте, Вадим. Сделал в точности как у вас , но кнопка не активна (т.е после нажатия не появляется меню лист) подскажите в чем причина ? ((

[@goshan3170]

За сколько времени фул сайт такой джун должен верстать? И сколько в среднем стоит похожая верстка на FL? Вадиму гигантское спасибо, уже не одну вечеринку за чашечкой зеленого нефильтрованного провожу в твоей компании!

[@vladimirzvyagincev8193]

Вадос!!! Красава!

[@isxaoc]

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

[@svoy4el]

Не верстал с вами со времен лэнда про сёрфы) Вадим, а почему не делаешь видосы сайтов с заливкой на сервер сразу же?

[@Wolfer_illya]

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

[@vadymprokopchuk]

В вс коде у меня comic shanns

[@Mr.Fiksik]

Добрый вечер.Подскажите, из за чего может не открываться макет? Скачиваеться,но не открываеться.

[@lova4475]

Мне уже нравится ❤

[@ukraine1514]

top сделал,а вот еще вопрос в мой тариф, если в body пишу position: relative -отступ еще и с верху вылазит в menu--open😵‍💫

[@Shved_2.0]

Добрый день, спасибо большое за контент, лайк занес, скажите, а когда будут проекты с применением GULP?

[@vadymprokopchuk]

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

[@Shved_2.0]

@@vadymprokopchuk , спасибо большое за ответ, думаю. что этого жду не я один

[@amir4ikx]

Качество вебки - вечеринка🎉

[@dmitrin2460]

2:51:48 - добавить position: fixed вместо absolute

[@vadymprokopchuk]

да, так круче будет

[@it_infomer]

спасибо дружище ты сделал дизайн сайта живым, не хочешь продолжить этот сайт? сделать следующие страницы ?

[@new_nstart]

Вадим спасибо тебе огромное ты самый лучший потому что объяснишь очень четко все как надо. Просьба сделай видео как сделать админка сайта объясни пожалуйста конкретно как это делается

[@alexander_stark]

на Яве у меня все сломалось.. кнопка почему-то не зажималась... 😭