Верстка сайта - 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]

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

[@airpodsclub6443]

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

[@vadymprokopchuk]

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

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

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

[@axelvirtus2514]

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

[@ukreinnarod]

Лжец

[@yuriykolomytsyn2352]

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

[@vadymprokopchuk]

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

[@Silvestr_Stalonivich]

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

[@vadymprokopchuk]

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

[@maksimmolotov7962]

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

[@vadymprokopchuk]

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

[@MonteCrush.]

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

[@vadymprokopchuk]

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

[@ROMAN-KVAS]

100%

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

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

[@vadymprokopchuk]

благодарю

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

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

[@vadymprokopchuk]

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

[@c4inusiii]

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

[@getFrontend]

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

[@vadymprokopchuk]

Крутяк

[@terner_arthur]

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

[@vadymprokopchuk]

спасибо

[@artur_interes]

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

[@vadymprokopchuk]

спасибо

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

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

[@vadymprokopchuk]

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

[@BecauseBird]

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

[@ukraine1514]

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

[@1081bad]

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

[@vadymprokopchuk]

Спасибо

[@Jurist96]

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

[@Embrace777]

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

[@vadymprokopchuk]

Спасибо

[@DinamitNeon]

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

[@optimist6861]

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

[@vadymprokopchuk]

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

[@dmitryvertoprakhov5469]

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

[@meowmeowmeowmeow000]

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

[@vadymprokopchuk]

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

[@thechosen8646]

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

[@vadymprokopchuk]

супер!

[@Alexey-c9o]

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

[@vadymprokopchuk]

спасибо

[@TheAntagonist1999]

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

[@vadymprokopchuk]

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

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

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

[@vadymprokopchuk]

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

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

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

[@vadymprokopchuk]

Благодарю

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

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

[@vadymprokopchuk]

круто)

[@dmitrysazonov8185]

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

[@fedordostoevskiy4209]

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

[@vadymprokopchuk]

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

[@mmosow]

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

[@alexms8508]

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

[@vadymprokopchuk]

Спасибо!

[@AlexandrZabun]

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

[@vadymprokopchuk]

спасибо)

[@j-lewis]

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

[@vadymprokopchuk]

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

[@georgg8957]

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

[@vadymprokopchuk]

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

[@antononoprienko9027]

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

[@epicshorsviral]

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

[@Defee36]

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

[@vadymprokopchuk]

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

[@kiralatysheva6794]

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

[@vadymprokopchuk]

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

[@skypoint7]

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

[@ringnull]

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

[@vadymprokopchuk]

Топ

[@88Kristina88]

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

[@user-wetal4903]

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

[@0neAl0neRPubg]

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

[@vadymprokopchuk]

так и есть )

[@MG-iq6ri]

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

[@vadymprokopchuk]

Хух) я успел )

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

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

[@vadymprokopchuk]

Дякую

[@ringnull]

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

[@vadymprokopchuk]

уже скоро)

[@datoshcode]

Чай "Оolong" це китайський чай, з листя. Він дуже ароматний та смачний. Має світло-жовтий або червоний колір. Вимовляється як "Улун". Рекомендую!

[@vadymprokopchuk]

Супер, дякую, тепер точно потрібно спробувати

[@JustNurlybek]

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

[@vadymprokopchuk]

Спасибо

[@isxaoc]

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

[@ArteEtHumanitate]

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

[@focusedzed]

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

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

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

[@olegs4418]

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

[@vadymprokopchuk]

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

[@tatigerbst4416]

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

[@vadymprokopchuk]

спасибо

[@evgenykonstantinov8414]

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

[@vadymprokopchuk]

благодарю)

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

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

[@markshaforostov1699]

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

[@domakook753]

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

[@vanyaprosyanik4835]

мен, ти дуже крутий!! Дякую тобі за твою працю. Давай якось, якщо тобі не дуже буде впадлу) натягнути його на ВП?

[@vadymprokopchuk]

Та тут тільки 1 сторінка, то немає що натягувати

[@shnshnd]

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

[@Varanovski]

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

[@vadymprokopchuk]

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

[@ypohut1673]

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

[@amir4ikx]

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

[@paulbond8244]

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

[@TeomunMete]

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

[@vadymprokopchuk]

))))

[@xyu23]

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

[@luckytima2315]

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

[@new_nstart]

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

[@Acksakal]

YOU ARE AMAZING, брат!

[@Shved_2.0]

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

[@vadymprokopchuk]

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

[@Shved_2.0]

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

[@Driderq]

мужик благодарю ты помог мне байрона на 30 ранг апнуть

[@vadymprokopchuk]

Бомба, так держать )

[@it_infomer]

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

[@Maria-eq7bt]

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

[@Wolfer_illya]

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

[@vadymprokopchuk]

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

[@stopmol]

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

[@sv3404]

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

[@МаксимПрохоров-ж4ы]

Добрый вечер, спасибо за контент ты как всегда на высоте, подскажи не было в планах сделать курс по js ?

[@vadymprokopchuk]

привет, может в 2024

[@vadimactive]

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

[@vadymprokopchuk]

Огонь )

[@crystalcastle4062]

Вадим, планируешь ли делать контент не только по верстке но и курсы по библиотеке реакт например?) Очень хотел бы услышать твое объяснение в данной области, ты крутой ментор! (если ты конечно компетентен в данной области)

[@vadymprokopchuk]

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

[@prodi7336]

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

[@BLACK5AGE]

Чуваааак у тебя голос генератора рекса 😱

[@KomarSuper]

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

[@placid3495]

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

[@vadymprokopchuk]

Спасибо )

[@_pheax]

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

[@vadymprokopchuk]

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

[@mishon9739]

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

[@vadymprokopchuk]

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

[@ukraine1514]

Вадим привет! Плохо,что нет консультации в тарифе " бомж" 😂 Доверстал и перекинул верстку в планшет и.... Получилось,что в теги container есть падинг и топ фото имеет отступ от краев на 20px🙄 Коментирую его и выходит,что top__title и top__text прилепает к краю😱 Выходит,что надо делать отделный контейнер-топ,что б тайтлу и тексту было от чего отталкнуться? Перехожу во вторую часть,может там найду ответ. Если кто подскажет что делать в тарифе "бомж"?😂 Спасибо за такие видосы. Хочется повторять,но выходит так,что не выходит повторить и надо подумать самому🙄💪👍

[@vadymprokopchuk]

Пиши в чат по таким вопросам, это решается легко, второй контейнер не нужен

[@ukraine1514]

@@vadymprokopchuk ок👍 легко для меня провести диагностику и ремонт допустим ноута🤫😁 а это второй сайт и еще не все схватил. Спасибо,что ответил👍💪

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

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

[@vadymprokopchuk]

дякую

[@ЕвгенийПавличенко-щ5ю]

Спасибо за полезный контент. Почему не mobile first?

[@dm0795]

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

[@vadymprokopchuk]

спасибо)

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

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

[@vadymprokopchuk]

спасибо)

[@music.relax.]

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

[@lex08190102]

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

[@vadymprokopchuk]

спасибо)

[@ValeriiLutiy]

Чекаєм шось суто по js або react, так би вєчєрінка була би цікавішою😊

[@vadymprokopchuk]

Потрібно буде порадувати )

[@nore_mind]

Сделай много верстки. Я переобновляю знания по Html Css и твой верстки заходит как масла

[@seregaigraet]

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

[@BezhovHF]

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

[@just_move6846]

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

[@vadymprokopchuk]

спасибо)

[@igormajrov8444]

Хочется дизайн со 100% адаптивностью без media запросов.