Верстка сайта для новичков. ч.1

[@protagonist_proradersnion]

Вадим, ты не человек, ты лучше, ты просто ах***ный) Ты в такое время пишешь контент! Ты просто невероятный, я уже давно смотрю тебя и просто поражаюсь твоим терпением, человечностью, пониманием, сохранением этой жилы позитива и настроения, я очень люблю твои уроки, ценю каждое потраченное тобой время объяснения контента, спасибо тебе огромное, чтобы тебе вернулось все это в +бесконечность раз больше всего самого лучшего, больше в жизни позитива, лучших моментов, зарплаты, мира над головой, в душе и в семье!))) Спасибо тебе огромное мил добр человек!)) Такие как ты должны жить намного лучше! И такие как ты, должны жить в счастье, мире, гармонии и процветании!)

[@pavelsedoplatov]

Согласен!

[@vadymprokopchuk]

ого, и сколько залайкали, спасибо большое за поддержку

[@vadymprokopchuk]

@@pavelsedoplatov спасибо

[@mistergaga7044]

Вадим, ты лучший!!

[@cashwwflow]

Откуда вы берёте макеты из видео?

[@tatianaagapkina8658]

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

[@vadymprokopchuk]

спасибо

[@1081bad]

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

[@tpostolova]

Вадим. спасибо огромное за уроки и обучение. Самое главное береги себя и своих близких.

[@vadymprokopchuk]

Спасибо, обязательно

[@shadowveter]

Вадим, ты просто герой!!!! а ещё говорят, что супергерои только в marvel а вот и не правда. Спасибо огромное за твои труды. Мира тебе и добра.

[@vadymprokopchuk]

спасибо

[@nationalartofuzbekia3192]

Здраствуйте Вадим вы лучше всех, я вас уважаю за то что вы уделяете свою время на то чтобы мы приобрели свою профессию и место где нам будет не скучно еще раз спасибо вам! Из Ташкента - салам от Абдумажид

[@Andrew_Dreamer13]

Макет скачал - к полету готов. Очень рад что ты возобновил свои обучающие видео. Кстати,Харьков оживает.

[@voidout3124]

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

[@daniilsan2445]

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

[@carlweiss830]

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

[@winter9674]

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

[@papachicha]

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

[@johnjonson4641]

Вадим, большое тебе спасибо! Прошёл уже несколько марафонов с тобой. В космос слетал на суборбитальный полёт, по Кападокии поездил, верстка с тобой идёт на ура. Огромная тебе благорность за твой труд. Успехов тебе и твоему тимлиду во всём!) Ещё раз, большое спасибо.

[@vadymprokopchuk]

Благодарим с тимлидом

[@Буревестник-в4ш]

Это там не те пиксели, которые здесь пиксели, это там другие пиксели :D. Очень информативное описание.

[@varrior151]

Спасибо за урок. Ты молодец. Всего самого наилучшего тебе, твоим родным и близким!

[@Cats_Dogs.]

Вадим, благодарю за объяснение normalise css, сколько смотрела видео по вёрстке никто об этом не рассказывал, теперь знаю о том, что у разных браузеров есть свои стили, раньше открывала код в браузере и не понимала откуда брались стили, которые я не писала. Новичкам вот так и нужно объяснять все подробно. 🙏

[@ИльяКабанов-с1ч]

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

[@Александр-я6ц2ы]

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

[@vadymprokopchuk]

Благодарю, работаем

[@alvina_cold]

Вадим, Ваши обучающие видео невероятно приятно смотреть, особенно когда подача материала разбавляется искрометными шуточками, нигде еще такого не встречала:) Информация усваивается от этого еще лучше:) Выражаю Вам свою искреннюю благодарность за такую помощь! :3

[@kitN]

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

[@Lama-Show]

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

[@Tutbylzhenya]

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

[@vadymprokopchuk]

Благодарю

[@ОлегДавыдов-с3н]

Какой огромный пак? Как верстать страничку?)

[@maksgeer5263]

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

[@vadymprokopchuk]

обязательно, я только раскачиваюсь с контентом

[@user-frond-end_dev]

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

[@vadymprokopchuk]

спасибо

[@kriek7284]

Это лучшее, что я видела по верстке для новичков! огромная благодарность, ибо верстка -это прям то что надо после изучения основ html css

[@vadymprokopchuk]

спасибо

[@slavikbabita3573]

Спасибо что делаеш контент в такое время👍👍

[@ВадимКучма-х9о]

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

[@ThreeHundredBucks-c1v]

Комментарий в поддержку канала и Вадима.ПС - все хорошо после твоего курса сбахал портфолио и залетел на работу в мск.

[@webdeveler]

Я вже в курсі frontend, але дивлюсь відео і знаходжу деякі цікавинки для себе, та й взагалі круті відео, дякую за роботу та контент 🙏

[@vadymprokopchuk]

Дякую

[@AntonioBenderas]

Смотрю Вадима всегда, даже если верстать не собираюсь)💛💙

[@eugenebrooks4824]

Спасибо большое за время и силы которые ты тратишь на создание контента в такое непростое время. Давно смотрю тебя, продолжай в том же духе =)

[@vadymprokopchuk]

спасибо

[@leonidmarsh4369]

элегантный дизайн и качественная вёрстка, в моей папочке он самый самый (пока что ). Иногда открываю, любуюсь...

[@TheFryOS]

Спасибо что ты есть. Храни тебя Господь!

[@vadymprokopchuk]

спасибо

[@АлександрВонтот]

Как всегда очень приятно смотреть и узнавать разные мелочи о которых раньше даже не задумывался )👍

[@VladimirOnokhov]

Спасибо за урок и отдельное спасибо за подробное объеснение всего того, что ты делал. За шутки тоже спасибо)

[@vadymprokopchuk]

круть, рад, что понравилось

[@gritsienkooleg3447]

Счастья тебе, самый замечательный человек!!)

[@максим-м9ж5э]

Всё очень понятно объясняешь и хорошо , что делаешь акценты и разъясняешь всякие мелочи , которые опытному покажуться чем то банальным , но новичку не понятны конечно же. И то , что ссылки даешь на отдельные темы. Только я то что под слайдером в column bike (где характеристики) , сделал не как ul , а как table , мне кажется так логичнее :)

[@АндрейДанилов-х8х]

Мне почему-то кажется что логичнее использовать dl(description list). Если я чего-то не понимаю то объясните пожалуйста, так как мне кажется что dl для таких случаев и создан

[@Cats_Dogs.]

Ураааааа, супер, то что надо для новичков 👏👍 Вадим, огромное Вам благодарность. 🙏

[@vlad19772001]

Дякую, шикарне пояснення матеріалу. Дивишся відео і кайфуєш ))

[@tiKeroP]

Дякую! топ контет та маса важливої информаціїв одному відео

[@vadymprokopchuk]

супер, дякую

[@alekse7433]

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

[@vadymprokopchuk]

спасибо

[@ПОЛИТИКА21века-б1о]

Благодаря вам я сдал курсовую по программированию Огромное спасибо )

[@vadymprokopchuk]

красава, преподу привет)

[@Bmzrrj]

Вы просто нереально крутой человечище ! Спасибо !

[@vadymprokopchuk]

спасибо)

[@HABIB666777]

Вадим, спасибо огромное за Ваши видео! Все ОЧЕНЬ круто!

[@mix4il]

Заметил один момент. Для кнопки "Заказать" текст находится не по центру. Это связано с тем, что letter-spacing добавляет отступ от каждой буквы, в том числе и для последней. Из-за этого внутренний отступ от текста кнопки слева, меньше, чем отступ справа. Это можно пофиксить следующим кодом: padding: 28px calc(81px - 1.1em); text-indent: 1.1em; letter-spacing: 1.1em;

[@weterdam]

спасибо :D

[@yaspermcglott3403]

Хорош, искренне благодарю тебя

[@blackdracula8196]

привет друг, не мог бы ты мне подсказать я новичек и не понимаю до конца данное действие на 57:00, когда ставят + у меня ничего не происходит, но если я ставлю запятую то срабатывает ))) что не так, полностью видео повторил .menu__item, .menu__item { padding-left: 10px; }

[@mix4il]

@@blackdracula8196 Через + указывается соседний селектор. Через «,» указываются несколько селекторов к которым должны применятся стили. Когда ты указываешь .menu__item, .menu__item это будет работать также как и если ты указал просто .menu__item. Если у тебя в верстке будет: То задавая стили для .menu__item, изменены будут все div. Если ты будешь писать .menu__item + .menu__item, то стили будут применяться ко второму и третьему div(то есть к тем которые являются соседними). Скорее всего у тебя синтаксическая ошибка либо к в html, либо в строчке .menu__item + .menu__item в стилях.

[@blackdracula8196]

@@mix4il Спасибо тебе большое, очень благодарю тебе что помог и не прогноил мое сообщение о помощи, я раз 10 заново проверял все, не понимал что не так, оказалось что я просто забыл добавить menu__link во внутрь menu__item )) было вот так вот )) глупая ошибка очень )) Описание

[@timi1255]

Лучший! Сразу лайк и коммент в поддержку канала

[@ПЭРЛУАНЦЫ]

Спасибо за урок! Я заметил в начале ты сказал, что можно как то настроить расположение классов, так что бы они прописывались в начале строки. Как это сделать?

[@ЯнНепомнящий-д7г]

Шикардосная вечеринка перехожу к части 2

[@vadymprokopchuk]

красава

[@Simasofa]

Это два в одном: урок + КВН!

[@quild1366]

Братик, ты лучший, спасибо, что делаешь такой контент!

[@oleksandrpavlov6290]

Вадиме, дякую! Дуже корисний контент!)

[@13rast]

Ооо, пошла работа

[@nJ-xm9jl]

это лучшая вечеринка))) спасибки Вадос)

[@ЕленаИонова-я8р]

Не плохая была вечеринка)

[@delarius4590]

О, годнота подъехала!

[@valdemarii9698]

Подскажите пожалуйста, а что за стиль иконок и цвет кода? как установить такойже? очень радует глаз.

[@MoNa-yq2nw]

Спасибо большое. Учусь по вашим видео. Жалко, что я из России и не могу поддержать ваш канал на патреоне

[@seoonlyRU]

лайк от СЕООНЛИ

[@АртемБачинский-л6т]

Отличный макет! Все доступно и понятно.

[@yaavtor]

Благодарю за проделанную работу!

[@era_ai777]

Единственное в этом уроке упустили прописать стили ЗАКАЗАТЬ при на ведении, но думаю - это зрителям бонусом как домашка)))

[@axlk6515]

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

[@АленаБулатова-ф5ж]

Что мы можем применить к этому красавчику :D

[@zelenyigor6919]

Вадос, респектос за видос )

[@Anton_chess_like]

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

[@vadymprokopchuk]

Material

[@darth_revan3287]

2:12:07 Мне кажется там align-items не нужен, потому что есть text-align. Проверял в консоли разработчика и если убирать свойство align-items, то ничего не меняется

[@screw8356]

Cпасибо за топ контент, дружище!

[@vadymprokopchuk]

спасибо

[@rinatbogdanov305]

Спасибо, за уроки!

[@zyablov]

Классный макет

[@agoria29]

Доброго для, дякую за відео, постійно навчаюсь з Вами)))) хотів запитати, де в налаштуваннях змінити, щоб class був на першому місці? Дякую)

[@Werstalshik-oz2xi]

Пасиба учитель ты крут!

[@vk1131]

"Получится что-то вот такое, НО ЧТО-ТО ПОЛУЧИЛОСЬ" by Vadim Prokopchuk)

[@ArteEtHumanitate]

Круто, пролетел на одном дыхании)

[@MaBrg1]

Че лучше, верстать или дизайнить? Что попроще?)

[@gritsienkooleg3447]

Еее, спасибо! Причём на русском 🤗

[@Marylovesautumn]

Гений просто!

[@АйзекТерновский]

Вадим, обьясните, пожалуйста, почему в секции bike 1:01:00 два div перед левой и правой колоннами? Контент ван лав

[@niksemenov5490]

Большое человеческое спасибо за такой супер контент! ***** *****! Давно пытаюсь разобраться, вот на 57минуте стрима, что если использовать для этого gap( в данном случае row-gap). IMHO результат тот же, но может я что-то не учитываю и это проявится в дальнейшем, может при адаптиве? Спасибо!

[@vadymprokopchuk]

можно так, поддержка хорошая у свойства

[@diego199705vlad]

Yeaaaaaa

[@ЭльвираАликова-з8у]

здравствуйте не получается открыть макет. Обычно у других макеты сразу открывались в фигме. У вас в диске оказывается. А так урок понравился, много узнала, спасибо )

[@blacksmith5117]

Макет пушка!!!

[@abdulazizka8641]

Всегда лайк не глядя! 👍

[@samurais.3779]

Привет, а разве не нужно элементы запихивать в , чтобы блюсти правильную семантику html5? типо так

[@cruelty8200]

29:11 меня это позабавило)

[@onese7en141]

Вадос здарова, очень классный видос! спасибо! а используешь какие нибудь фреймворки react/vue/angular? если нет, то почему?

[@mad_lamo]

Спасибо тебе!!!

[@МаксимБагдевич]

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

[@svidetel_bitcoina]

по макету используется css свойство gap 50px, его задаем менюшке тегу ul. По макету нету падингов у ссылок меню.

[@wagnertatjana655]

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

[@Romzec1]

Вадим спасибо за урок, очень познавательный материал, приятно смотреть, все на высшем уровне. Хотел спросить Вадим, какая у Вас установлена тема в VS Code?

[@절단날]

У него на канале было видео про разбор настроек редактора или разбор плагинов. Короче это какой-то плагин, чекни видео на канале.

[@Romzec1]

@@절단날 Спасибо большое!

[@WhitePlombir-y1s]

Красава)

[@АлисаГрибова-в3ь]

годный контент

[@vadymprokopchuk]

Я старался )

[@ivasik4044]

спасибо! да, вот так просто :)

[@historiya6271]

Вадим, спасибо за ваш труд! Хотел только сказать, что скрипты можно и в хэде использовать асинхронно или с атрибутом defer, тогда скрипт будет ждать, пока хтмл структура отрисуется:) Поправьте, если я не прав

[@mmosow]

Это так, но нужно помнить что defer работает только если есть src

[@АнатолийСитников-х3г]

Спасибо тебе большое! Очень жаль что я не могу пока тебя подержать финансово :(

[@vadymprokopchuk]

это не важно, рад что помогаю, спасибо

[@sergekashin8527]

@@vadymprokopchuk а как можно поддержать финансово?

[@arabia2990]

Спасибо за видео

[@АлексАнтон-л8ч]

Спасибо!!

[@TarasAndriutsa]

thank you

[@TarasAndriutsa]

thank

[@fenikspubgm]

✊✊✊✊✊