Верстка сайта
HTML-код
- Опубликовано: 7 июл 2023
- Друзья, я создал. Это не просто верстка сайта, это грандиозное шоу. Это шоу по верстке с адаптивом, и этот адаптив полностью прорисован, согласитесь не каждый день выпадает такое счастье. Наслаждайтесь и прокачивайте свои скилы в верстке сайта с адаптивом.
----------------------------------------
макет - drive.google.com/file/d/14UBJ...
файлы (начальный html и css) - drive.google.com/file/d/15xRF...
----------------------------------------
Сайт курса по верстке - from0to1.com.ua/
----------------------------------------
----------------------------------------
Готовая верстка на patreon - / from0to1
Телеграм канал - t.me/from0to1com
----------------------------------------
----------------------------------------
Доп ссылки:
box-sizing: • box sizing border box ...
ХотКей по VScode: • 10 горячих клавиш в VS...
Видео про БЭМ - • БЭМ методология. Практ...
Видос по svg - • SVG, большой гайд
Большой гайд по гридам - • CSS GRID Большое руков...
Все о флексах - • FLEXBOX начало. Флексб...
Продвинутые флексы - • flex-basis, flex-grow,...
----------------------------------------
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
макет - drive.google.com/file/d/14UBJrCrEjCGkkPIWees_dwtbZbt2K_3v/view?usp=sharing
файлы (начальный html и css) - drive.google.com/file/d/15xRFhbsCaLgI4nEkmklbbthm5t6D4jPF/view?usp=sharing
----------------------------------------
Сайт курса по верстке - from0to1.com.ua/
----------------------------------------
----------------------------------------
Готовая верстка на patreon - www.patreon.com/from0to1
Телеграм канал - t.me/from0to1com
----------------------------------------
обьясни пожалуйста,а как файлы применить просто я могу только копировать название
11 часов - тут каждая секунда бесценного опыта! Спасибо! А ещё постоянный, неиссякаемый юмор, с которым очень лего, а самое главное просто учится! Всего тебе самого наилучшего!
Благодарю
простейшая верстка с простейшим js, такая инфа доступна в достаточном количестве на многих источниках
@@blackwood8816 Это вёрстка и позиционировалась Вадимом изначально как для новичков, что за странные претензии?) Понятно, что есть другой контент по вёрстке в достаточном количестве, но мы любим Вадима за его уникальную подачу, понятные объяснения, чувство юмора и приятную атмосферу. Простейший JS сделан автором специально, чтобы не распугать новичков, которые от чего-то более сложного сразу подумают: "О, нет, это что-то слишком, наверное вёрстка это не моё!" и разбегутся.
@@blackwood8816 лоль
Эта лучшая вечеринка с товарищами, трактористами и прочее на которой я только присутствовал 🔥👌
Вадим, огромное спасибо за такой подарок! Это шикардос!!!
спасибон
Господи это титанический труд !!! Спасибо вам большое )))
Спасибо
Йухууу! Наш любимый IT-викинг снова вышел в плаванье, да какое! Такой грандиозной одиссеи не было со времён Desire! Спасибо, Вадос, от души! Ты лучший! Замутил мега-вечеринку опять! Пушка-ракета, просто космос! 🤩✌👍👍
Благодарю
Невероятный труд и самая лучшая подача, которую я видел! Спасибо за эту вечеринку!
Спасибо большое! Ждем полный курс по WordPress
Спасибо большое за материал,это очень большой труд.Даже не представляю сколько я это смотреть буду )))Уже 4 -ый день пошёл)
Вадим и Варвара! Вы уникальные люди! Благодарю вас за вашу открытость, щедрость и доброту!
спасибо
Рад видеть и слышать, а особенно всегда рад новым роликам от вас Вадим. Спасибо
Вадим, я смотрел тебя года 3 назад, и как-то ты пропал из моего поля видения. И вот случайно снова наткнулся на твою вечеринку). Как я, оказывается, соскучился, по твоим шуточкам и подколам! Красава, спасибо тебе и удачи!
Огромное спасибо автору за столь значимый подход и опыт для всех верстальщиков.
спасибо
хотел попрактиковать верстку сайта, а получил курс хорошего юмора в придаток
Большое спасибо за ваши видео. Так подробно разбираете - просто сказка❤
благодарочка
11 часов вечеринки) Вадим спасибо за твой труд!
спасибо, я пыхтел)
Это божественно!
благодарю )
Вадим, здравствуй! Грандиознейше!! Ты просто невероятный молодец!!! Спасибо огромное и дай Бог тебе всех-всех благ!!!
благодарю
Вадим огромное спасибо за Ваш титанический труд. Здоровья Вам и вашей семье.
Вадим чисто отдуши по кайфу врываться на твои вечеринки)) спасибо)
спасибо, Вадим. Как всегда -ТОП! и огромная=титаническая работа! 👍А я до сих пор в восхищении от проекта на этом канале GO SURF. всем новичкам советую 💯💥
Вадим, привет из Харькова, сейчас столько проблем, но все же плюну на все и посмотрю ваш урок, в ноября мне будет 50, но все равно новое в свою жизнь всегда стараюсь привнести.Давно предлагал , если будете в районе метро Масельского (Оно же бывшая Индустриальная) рад встретится ) а так , всегда очень рад увиеть и услышать , стараюсь в своем ненужном возрасте, перенимать разумное и нужное .
Вы крутой, живой пример, что никогда не поздно! Успехов вам в обучении!
Мне 55 и я зачем то решила стать крутым фронтенразработчиком😅
@@user-dx2ie9wv7t Вы большая молодец и пример очень многим! Желаю вам успеха, уверен, у вас всё получится! 🤩
Верховний Головнокомандувач верстання та повелитель тегів, дякую Вам за новий відос. Починаю вечірку)
Дякую, успіхів
Вадим!
Ты - монстр! 11 часов…
Офигеть.
Спасибо!
Человек вечеринка))) ✌👍👍👍
Вадим!!!!! Как всегда кравчЕг!!!)) Спасибо тебе за классный контент!!!!👍👍👍👍👍👍👍👍
благодарю
Вадим, Вы, самый крутой чувак по урокам верстки, крутые вечеринки, приятно, что Вы о нас не забываете!!!)))))).......благодарочка от души!!!!!!
Спасибо Вадосу за подарок! Благодаря его вечеринкам у меня есть конкретные успехи в области фронтенда.
На первый взгляд кажется, что макет несложный, но выглядит очень интересно)
Грандиозная работа проделана на самом деле 🫡
9:40 Хедер и футер.
1:19:53 Презентация самого невероятного фантастического умопомрачительного курса по вёрстке.
1:26:57 Адаптив хедера и футера, кнопка меню "Бургер".
2:29:15 секция №2 "Главный экран".
3:44:05 секция №3 "Про нас".
4:47:54 секция №4 "Продукция".
Спасибо!)
Поддерживаю следующую вёрстку магаз с gulp. Зажигай!. Буду ждать вечеринку.😊
Огромное спасибо! С вашей подачей хочется изучать новую профессию.
Самая лучшая вечеринка, на которой я был :) Начал смотреть, потому что тезка. И увлекло на несколько дней. До этого было трудно войти в такие темы, а с юмором как-то проще
спасибо)
у меня глаз начал дергаться , 11 часов, а руки потянулись к клаве)), все для реала я пропал на неопределенное время, Вадим благодарочка и с Харькова привет
привет привет, круть
*СПАСИБО ТЕБЕ ОГРОМНОЕ ЗА ВИДЕО И ЗА ТВОИ ТРУДЫ!!! ЖДЕМ СЛЕДУЮЩИЕ ВИДОСЫ!!! ВЕРСТКА HTML, SCSS, JS + REACT!!*
Спасибо, копееец ты молодец так держать, 11 часов удовольствия и знаний😍
благодарю
С этого канала начился мой путь в Frontend :)
Вдячний за допомогу в навчанні! ) - дуже вчасно - як раз шукав цікавий контент !!! (а тут нова вечірка)🍾
Дякую, радий, що допомогаю
Спасибо тебе за видос.
За три присеста (3 дня) сверстал с тобой,очень круто.
Давай ещё такие видео!!!!
Спасибо тебе за труды!!!
Если есть, скинь репозиторий с кодом
Ахиллес сын Пелея!Браво ,манера кода,сопровождение,круто.Еду в поезде смотрю 15 минут и жду не дождусь когда засяду за комп и поддержу тост чашкой ☕️,я не «волшебник я только учусь»,такую манеру и лёгкость ведения урока встречаю впервые.Вы смогли пробудить желание продолжить обучение разработке.Будем дружить 😉.Все-таки от лектора многое зависит!
это так, спасибо
Я уже больше дюжины учителей просмотрел, есть хорошие, но Вадим - просто уникален со своей подачей и чувством юмора. Я у него и научился вёрстке когда-то.
О, сериал на 10 серий, отлично))
Лучший !
Спасибо огромное за проделанную работу, на данной вечеринке время летит незаметно.
Вадим, спасибо за видосы. Мне, как дизайнеру очень важно понимать процесс верстки. Часто испытываю «Испанский стыд» за макеты, которые тебе приходится верстать в видосах. Хочется, чтобы пропасть между дизайнерами и фронтами становилась меньше и мы лучше понимали друг друга, готовили качественные и понятные макеты и вместе зажигали крутые вечеринки.
а уяви, що малюють дизайнери коли діло доходить до складних web - застосунків ...
Артемыч, ты настоящий мущинский!) Получаю удовольствие от твоих видео! Обожаю твой юмор, он так хорошо помогает удерживать меня за компом столько времени.
Хочу поблагодарить тебя за титанические усилия и работу, которую ты всегда проделываешь! И это несмотря на оч тяжелую обстановку.
Продолжай, пожалуйста, в том же духе! Ты крутой чел, простой, добродушный и веселый. Трушный. Всяческих успехов тебе и твоим близким.
Спасибо за то, что с нами.
Виктор вообще лучший!
Согласен Сашка просто топ тип
Вадим, спасибо тебе!=)
@@vadymprokopchuk
Еще одна гордость - макет сделан моей ученицей на курсе по веб дизайну. Это ее первый лендинг в жизни 😅😅 Кайф скажите?
Мега! Респект! Скиньте тогда уж и Behance её, пожалуйста, надо ведь поддержать и авторку макета лайком)
@@j-lewis Бихенс в процессе
Я ждал этого 4, нет 5 тысяч лет!
Вадим спасибо большое за вечеринку! Хочется больше видео с JS
цей канал не про js
Вот это вечеринка была))) 11часов не вставая это жестко)) я 3 дня на это потратил))
Спасибо за такие марафоны, они упрощают работу с макетами и меняют подход вёрстки!!
Лучший парень на районе)
Вот такая вот вечеринка! Огонь!
Крутой мужик, ОЧЕНЬ интересно слушать, все понятно и юмор хороший) Раньше занимался вёрсткой, все не как не мог вернуться и вспомнить это дело, но тут наткнулся на видосы автора и снова затянуло, очень благодарен. Вновь начну заниматься вёрсткой и программированием). Скажу больше, данный контент можно рассматривать и в развлекательных целях, чтоб расслабиться (типа стрим игры смотришь, только с пользой).
круть, спасибо
----------------------------------------
макет - drive.google.com/file/d/14UBJrCrEjCGkkPIWees_dwtbZbt2K_3v/view?usp=sharing
файлы (начальный html и css) - drive.google.com/file/d/15xRFhbsCaLgI4nEkmklbbthm5t6D4jPF/view?usp=sharing
----------------------------------------
Сайт курса по верстке - from0to1.com.ua/
----------------------------------------
----------------------------------------
Готовая верстка на patreon - www.patreon.com/from0to1
Телеграм канал - t.me/from0to1com
----------------------------------------
Я человек простой, вижу Вадика в рекомендация захожу и ставлю лайк)
спасибо!
Правильно! Но я надеюсь вы в курсе, что лучше ставить лайк не вначале видео, а спустя некоторое время, например в середине? Так алгоритмы ютьюба больше ценности придают таким лайкам. (просто на будущее, т.к. раньше сам не знал и по привычке сходу лайкал, а это не совсем правильно)
Вадим, под каждым видосом готов писать, ты лучший!)
Вот это вечериночка подъехала🎉
Класс! спасибо огромное,удачи во всем!
Спасибо, Вадос! Ждём интернет магазин!
Ееее наконец-то верстка вышла, спасибо отец)
спасибо
Боже, этот человек ещё и макетик оставил, спасибо!)
Ха-ха, да, в наше время, чтобы макет за бесплатно выкладывали это редкость. Но это Вадим))
Кувшин чая на 11 часов маловато будет, я ведро заварил. 😂
согласен
ну не могу пройти мимо этой вечеринки, верстать к сожалению не смогу с вами, все потому что коммерч. проекты нужно писать, а все благодаря тебе и мне чуть)))) но лайкосик первому учителю, наставнику своему поставить обязан, написать коммент к каждому видео это мой долг, спасибо тебе Вадос ты потрясающий человечище дякуююююююю🖤)))
Это ракэта!!! Дякуєм!
дякую
Это было, просто, охрененно 😊
👍Лайкаем видео, господа и дамы, не ленимся! Поможем Вадиму распространить его титанический труд среди как можно большего количества людей!
спасибо
Не знаю HTML, не владею CSS, не пишу на JS... Но смотрю и слушаю с удовольствием! Как всегда с иронией, юморком и по делу! Знающие - да оценят, ищущие - обрящут! Автору - респект и лайкос. Это шедевр!!! 😆🤪🤫
Вот это неожиданно, но круто!)
навіщо, Не знаю HTML, не владею CSS, не пишу на JS... це слухати?
@@27sosite73 бо кожному - своє, і наперед не все бачиш... наразі вже дещо знаю і навіть пишу, тож виходить недарма то було)
Кефтеме, брат))) так держать!
Спасибо огромное!!! Это было великолепно😅
Благодарю за видео-ролик!
Я дизайнер, посмотрел твои видео и боже - как же круто наконец понимать о чем думают разработчики. Вот например меню - очевидно, что оно должно было выехать справа, ведь там находится иконка. Теперь понимаю, что проектировать и показывать нужно абсолютно всё, чтобы результат был предсказуем
Вы реально хороший дизайнер, раз интересуетесь о чём думают разработчики! Респект! Таких мало, к сожалению...
@@j-lewis Спасибо, были проблемы вот и решил погрузиться
спасибо большое за вечеринку постараюсь не забыть и с первых денег заработаных на верстке подписатся на твой патреон
Красавчик, дякую за твою роботу
дякую, насолоджуйтесь
спасибо за ваши видео!
Дякую дуже крутий курс. Дякую..!!
браво! 11 часов опыта) однозначно заслуживеет лайка
спасибо
🎉 Дякую, це просто феєрія 🔥🔥🔥 супер
дякую, я радий, кайфуйте
Несмотря даже скажу. Лучший видос
Не дивлячись скажу, що пора б вже заверстати щось бішьш продвинуте, а не макети для початківців. 23 рік на дворі, контенту для початківців вистачає.
цей унікальний )
@@user-kz5go4mp8wНе сказав би, що цей макет для новачків
@@vadymprokopchuk це круто, понятно, шо такий контент збирає більше переглядів, але такі сайти зараз нікому не потрібні, якщо ми говоримо про нормальні сучасні сайти. Це все основи, які можна вивчити по твоїх попередніх уроках. Чому б не показати анімації з gsap, зилапаючі блоки при скролі, залипаючі сайдбари, горизонтальний рух блоків по скролу, безкінечні бігучі рядки з текстом чи логотипами, інпути телефону з вибором коду різних країн та підлаштування маски під конкретні країни, робота з intersection observer, кастомні курсори і тд. Те без чого зараз не обійтися. Можливо шось вже було, але я бачу тільки верстку для новачків. Не дуже зрозуміло навіщо роками показувати одне й те ж саме, хоча судячи з коментарів людям подоб дивитись те саме. Це не критика, сам колись на твоїх майстеркласах шось брав для себе, просто не дуже зрозуміло навіщо топтатись на місці. За такі сайти ніхто нормально платити не буде, цього мало.
Bravo!
C'est le quatrième site que je déjà réalisé et franchement c'est super!
Si il y aura la possibilité de réaliser des tutoriels sur Java Script, ca sera adorable.
Merci encore et bonne courage a vous et aux peuples Ukrainienne!
Огромное спасибо!
Полезнейший контент!
Большое спасибо))
Как всегда хороший контент! Учусь по твоим видео, хочу сменить работу водителя на Фронт-енд разработчика, надеюсь всё удастся. Главное стремиться к своим желаниям и быть мотивированым !
все верно и все получится
Изучай потом reactили vue)
@@user-ke4cy3cl2s спасибо за советы !
@@user-ke4cy3cl2s Сперва Vanilla JS надобно изучить, а уже потом фреймворки.
@@Francija-Bez-Rozovyx-Ochkov Сперва Vanilla JS надобно изучить, а уже потом фреймворки.
Дуже дякую за український лендінг :)
дякую
Спасибо 👍👍👍
жесть в самом начале и уже фейл у меня, нет чайничка с кофе ((
вся причина в этом, срочно нужен чайник
ждем хардкор-хардкорный 🥰❤️
Спасибо уважаемый, лайк и коммент - чек!!!
А где собственно информация по вашим курсам?🤗
в описании под видео, есть ссылка на сайт
уф, обожаю такие уроки, спасибо огромное. считаю yutube нужно извиниться и разрешить видосы 12+ часов))
даёшь верстку под REACT 💪💪💪💪 с библиотекой tailwind. Но и за этот твой труд спасибо конечно. Смотрю и ностальгирую 🥲
Крутой чувак!👍
Вадим, добрый вечер, смотрю Ваши ролики достаточно давно, подскажите, когда мы верстаем по BEM ( в даном случае только классы без scss) между бем-класами может находиться просто div class="container" не будет ли это ошибкой? или нужно все-таки учитывать и название бем-контейнера, например header class="header"> div class="header__container"? Спасибо большое
Велике дякую! Вєчєрінка топова получилася))
супер, дякую
Блин, Вадим, ты крут. Когда уже подкатишь курс по Js?
делаю выдержку, это как с вином)
божечки, 11 часов кайфа
Вадим, почему ты не используешь rulers для измерения расстояния между элементами?) Просто вытяни из линейки 2 направляющие и посмотри расстояние между ними :)
В топ, чтобы поберечь нервы на этой вечеринке))
Супер!!
Я конечно не эксперт, но по дороге возник вопросик. Когда верстали секцию 2 - "about", там картинки с описанием не стоило бы в поместить, а само описание в . Или там по сути и нет никакого описания, а по большей части декор? Почему их не использовали?
Привет. Спасибо за годное видео. Насколько важно заполнять поле "alt" в теге "img"?
Вадим, такой вопрос созрел, никак не могу найти, случайно не знаешь, что нужно в настройки emmet прописать, чтобы при развёртывании инлайновые теги, вроде или писалить не в строчку: ,
а ёлочкой:
@jameslewis8365 Напиши плиз, если найдешь ответ на свой вопрос, тоже интересно.
вроде вот это прописать "emmet.syntaxProfiles": {
"html": {
"inline_break": 1
}
},
в файл settings.json точно не помню, оч давно делал
@@vadymprokopchuk Ура, сработало, спасибо большое, ты сильно упростил только что мне работу!)) Класс!
@@user-zc1mu2vu4j Вадим снова выручил!)
@@vadymprokopchuk Спасибо, работает)
Класс. Ну как все успеть ? И дз по верстке у Вадима сделать ,и такую вечеринку не пропустить ?))
задачка задачка
юху, вечеринка на 11 часов:)))
локомотив счастья)