Семантика, семантическая верстка

[@ayla3524]

Огромное спасибо за то что ты делаешь не смотря на тяжелое для вас время 🙏🏻 Дай Бог здоровья и долгих лет жизни тебе и твоей семье.

[@vadymprokopchuk]

Благодарю

[@alksrlv]

Смотреть твои видео одно удовольствие!👍И с пользой, и с юмором - ну просто кайф, подача уникальная. Спасибо тебе🤝

[@МиронД-э4ш]

Рад сново видеть тебя! Вадим тебе 100% воздастся за твои труды! Как всегда жирный лайк! Береги себя и семью!

[@vadymprokopchuk]

Благодарю

[@danielkollm6893]

Отлично!!! Как раз вовремя, очень кстати! А вообще, всегда с большим удовольствием и пользой проходят вечеринки! :)

[@IvanKhavilov]

Как всегда супер. Доходит с первого раза. Новым видосам радуюсь как фильмам MARVEL)))

[@keba.01]

Аналогия про кодекс и барбоссу просто класс. От души посмеялся. Тут не только сухая теория но есть тонкий юморок.

[@artofmotivation9231]

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

[@ja-prodaction]

Топовый спикер!! С тех пор, как наткнулась на первое видео (не помню какое), смотрю только его! 🍾 Бодро, понятно и с душой ❤ Спасибо 🙏🏾

[@ИринаЖукова-ю4е]

Спасибо, как вовремя! Я как раз искала информацию по этой теме. Просто подарок судьбы!

[@internationaluser86]

Годно, полезно даже бывалому верстальщику. 80% видео знал, но остальные 20% оказались очень полезными

[@vadymprokopchuk]

спасибо

[@АнтонКовресьев]

Сижу,скучаю...А тут видосик от Вадима.Смотрю и запоминаю.Лайкосик загружен 😎

[@Aleksandrovich_Pavel]

Класс, спасибо огромное, за твои старания!🙏 Мир - круглый🌍😎

[@JoeCode01]

Мир - плоский

[@Артём-к6ю1г]

спасибо!! Шикарное видео!!! Самое главное => в вёрстке нет тега DIV, не одного. Красава !!! 👍

[@serjmarkelov9915]

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

[@andreykarolik7455]

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

[@nioque]

Огромная благодарность за полезный материал!

[@solnceyarkoe]

Спасибо, дорогой человек! 🌠 Мир всем!🙏🌍

[@quercus4181]

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

[@vadymprokopchuk]

спасибо

[@kseniiaazovtseva6139]

Спасибо за урок) вы крутой, очень нравится, то что вы делаете. Доступно и познавательно)

[@senianga1]

тоже спорный вариант.... в данном случае наверное через CSS задать будет проще...

[@SnshanSnshbs]

Так приятно позалипать на ваши уроки )

[@pilot1847]

Большое спасибо, доступным языком и все подробно, очень помог 👍

[@_Zola]

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

[@дядяпетялололо]

крутой мужик, уважаю за то что делает то что нужно делать и не говорит ни о чем лишнем

[@dmch-lr6ig]

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

[@sergeytikhonov6544]

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

[@berger_97]

Почему на 56:00 не может быть артикла? Это же карточки товара, которые должны быть самодостаточны, у нас есть возможность пускать их в рекламу на другие сайты и тд. Спасибо заранее за ответ.

[@anonymous_ua]

Большое спасибо за контент, очень приятно слушать тебя, полезно и чётко!

[@viktor_white]

Приятный человек, отличный материал, спасибо!

[@focus7033]

Тут кстати можно ещё о многом рассказать, жду еще видео по этой тематике )

[@N32-e1g]

рад снова слышать твой голос!)

[@yarovyy_max]

Дякую за чудовий урок

[@vadymprokopchuk]

Дякую

[@СегодняЗавтра-д6ф]

Спасибо огромное за канал!

[@ruinxr9]

Благодарю за урок и за отличную практику 👍

[@vadymprokopchuk]

спасибо

[@Hacker_Gamer777]

Лайк со старта

[@bogdanlazy1997]

Король нативной рекламы прыжков с парашютом (just kidding) 😂 Спасибо за контент, дико крутая подача))

[@TarasAndriutsa]

благодарю за те що ти робиш це рухає вперед усю країну та планету

[@Алексей-и5д3в]

Супер, впрочем как всегда!!!

[@vadymprokopchuk]

спасибо

[@Monte546-s1w]

Очень важный урок на самом деле))

[@vadymprokopchuk]

да да)

[@РачилаАлександр]

Отличный материал! Наверно это первое видео, где я вижу прямые отсылки к спеке. Недавно тут спорил с одним "блохером" по поводу тега i. Он им все иконки делал в макете. Кто не знает, в последней спецификации HTML он уже не просто делает текст курсивом, а выполняет определенную семантическую задачу. Так вот, забавно было слушать, что спецификация фигня, главное это какой-то его сомнительный опыт и, как она сказал SEO.

[@IgorBobyrev]

Нужно чтобы и семантика была правильной, и валидатор не ругался, и другие задачи выполнялись. Например, спецы натяжки верстки на Вордпресс просят подзаголовки оформлять тегом strong, а не Н#, не знаю почему. Может быть, по семантике не важно H1 один на сайте или несколько, но SEO однозначно требует, чтобы он был один. Если для заказчика SEO не нужно, то да, но опять же, если вам ничего не сказали, лучше учесть требования SEO, чем подкладывать им бомбу замедленного действия, чтобы когда им понадобится, они ничего не переделывали

[@hjgfgjughjgfhiiyk9714]

Я смотрел куча роликов по верстке и своим содержанием мне они не нравились. Мне повезло что нашел данный ролик.

[@vladislav2023]

Я в ритме танца мне некуда деваться!)Вадя молодчик!✊️👍

[@СергійСанніков]

Як завжди класний урок! Дякую)

[@AurumCode-17]

спасибо за урок много полезного узнал

[@maximandreevskiy2154]

Классный и очень полезный контент)) Большое спасибо)))

[@zp300788sea]

Спасибо!!!Все легко и понятно.

[@vadymprokopchuk]

супер, так и задумано)

[@ElenaGalevskaja]

Дякую, Вадим! суперовая тема :)

[@tatianaagapkina8658]

Ура, новый видос, хотела бы с латте маккьято посмотреть, но придется с тем, что под рукой

[@simurwtime]

Привет с ХТЗ! Спасибо за видео!

[@vadymprokopchuk]

привет хтз!

[@АнварМадуев]

Супер! А можно в будущем вместе с бэмом, классами секшен и враппер? Хочу увидеть как профессионалы верстают, чтобы привыкать правильно верстать? Спасибо за уроки! Буду и другие видео смотреть.

[@OOOOOOOOOOOOOOOOOOOOOO333]

Спасибо, очень полезно Интересно что это за тема у вас в VSСode ?

[@anyutapererva4420]

Дякую за відео. Дякую за підтримку українців. Всі ми одна велика родина, яка називається Україна. Зашла на Ваш сайт та було приємно здивована, що курс не доступний для РФ та РБ. Буду дивитися далі. Вам наснаги та процвітання, та всім нам перемоги. Слава Україні!

[@vadymprokopchuk]

Героям Слава!

[@КонстантинСмирнов-ъ4ж]

@@vadymprokopchuk А що ж ти не захищаєш "Батьківщину", а бігаєш від повістки?

[@all_my_life]

Елемент , як правило, використовується разом з іншою інформацією в елементі , чи можна також використовувати в різниз та якщо там вказані поштові адреси, номери телефонів, адреси сайтів і електронної пошти, ICQ і так далі ? (тому що завжди накидував тупо в футері і все було ок) 😅

[@vadymprokopchuk]

так, можна

[@denisvolkov4784]

Признавайся, Мурыча смотрел? Спасибо за контент мужик, это полезно.

[@Игорь-ц1т3ж]

Спасибо за классный видос! Все как всегда круто. Подскажи пожалуйста, корректно ли упускать в таблицах thead и tbody (ты сделал просто через tr и td) . И второй вопрос по поводу декор изображений типа социальных иконок - Использование img best practice или использовать тег ( читал что есть негласная договоренность юзать именно его в случае с иконками, хоть он и заточен совсем под другое). Заранее благодарю за ответ!

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

Спасибо! Посмотрю с удовольствием!;!👍

[@diego199705vlad]

WoW. Супер, спасибо. 👍😄

[@julichka6527]

Благодарю, было оочень полезно!

[@vadymprokopchuk]

круть!

[@Serhii_P.]

Спасибо. И весело и понятно и главное правильно.

[@Tech-m3o]

Отличное видео, от отличного человека

[@sivilrishar2927]

Ставлю жирный лайкосик под твой шикарный видосик )

[@vadymprokopchuk]

спасибо

[@sivilrishar2927]

@@vadymprokopchuk тебе спасибо 🥰

[@sofiaalevi]

благодарю за информативное видео

[@whoisleshalightmusic]

Было бы круто увидеть курс по wp

[@flowcsgo804]

И gg Good luck well played ауф ежжи экщкере бой марк руффало

[@Nikolaishmidt]

Спасибо большое, Очень понравилась манера подачи! успехов вам и каналу. Скорейшей победы, чтобы наступил мир!

[@vanyg4786]

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

[@HaivoX]

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

[@pwufora]

24:00 почему здесь, именно те, что справа, не могут быть ?

[@BRILLIANTIC1]

Дякую за рекомендації в кінці. Бо до цього верстав переважно тегами div і якось лякає така кількість тегів, у яких є особисте призначення... Але буду практикуватись, звичка до кожного тега прийде с часом UPD: спочатку здалось що відео лажа :) але потім втягнувся у твій стиль і ок зайшло. Рекомендація від мене: при монтажі відео вирізай великі паузи, можливо заминки і т.д., так відео буде трохи коротше, надалі не буде лякати глядачів кількістю хвилин. Але шуточки твої норм :)

[@seoonlyRU]

неплохо, неплохо))) лайк от СЕООНЛИ

[@whoisleshalightmusic]

Спасибо

[@Vlad2807]

Добрый день, ответьте пожалуйста на несколько вопросов: 1. Когда-то было, что H1 был оберткой для логотипа, это уже не правильно? 2. dl список, как быть с картинками которые есть в макете их через СSS ставить с помощью псевдоелементов или как? 3. я так понимаю что на main можно будет повестить базовые какие-то свойства которые есть на всем сайте, div.container использовать уже чисто для того чтобы дать ширину сайту? 4. Более детально хотелось бы про ссылку и button, я так понимаю что button можно использовать когда будет какой-то попап или для работы с формами или для создания кнопок для вызова javascript событий, а при переходе лучше использовать ссылку или скрол по странице ? 5. Так и не понял зачем там кнопка под видео, какая ее роль? 6. А можно ли копирайт писать в span, помню раньше так делали или уже это не правильно?

[@g_a_m_b_e_t_t_o_r8920]

Супер хороший контент ! Один вопрос 1:11:59 почему table без thead , tbody ?

[@МурадТанрыкулиев]

Спасибо за материал. Будет ли продолжение в планее стилизации?

[@Андрей-ш1в3о]

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

[@ИгорьГлазков-с1б]

Спасибо Вадим.

[@gomuncool1004]

Спасибо, как всегда топ

[@pwufora]

46:27 почему здесь не может быть ?

[@pwufora]

1:11:53 почему здесь не может быть ?

[@НиколайТитов-ч5п]

А макета в открытом доступе нет?

[@айшаабду-м7ж]

СПАСИБО ОГРОМНОЕ,

[@LenovoLenovo-lm1lh]

Вадос огонь👌🔥

[@sevensevensev]

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

[@gustavo_frost]

матеріал - супер, жарти - ще кращі.

[@vadymprokopchuk]

Дякую

[@luxarmiger5729]

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

[@vadymprokopchuk]

Можно так, все зависит и от сложности макета

[@luxarmiger5729]

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

[@alexasanchobetherestors9962]

Мне тоже так удобнее. Отработал с одним блоком (включая адаптив), перешёл к следующему. И нет выноса мозга в конце, типо: "а чего у меня все поехало?! "

[@sasha_08170]

По таблице пару тегов не хватает. Я бы все таки использовал там параграф. А выделение уже тогда внутри его. Ибо на стилях проблемы будут.

[@shani_desu]

Вадим, подскажите пожалуйста по такому вопросу: в секции "О нас" вы использовали dl-список для описания преимуществ. Можно ли через html добавить так же картинки/иконки в данном случае и правильно ли это будет? Или же корректнее делать через css? За видео бесконечное спасибо, очень помогаете новичкам!)

[@Dendosha]

Не знаю, как следует это делать правильно, но валидатор ругается на наличие img в dl

[@Dendosha]

На 1:01:31 Вадим сказал, что эти картинки вставляются в псевдоэлементы (т.е. через css)

[@shani_desu]

@@Dendosha Да, не досмотрел просто изначально видео. Спасибо за ответ)

[@Dendosha]

@@shani_desu Не за что)

[@fruit1941]

Здраствуйте, у кого то была такая проблема в галп сборке то что на канале - TypeError: del is not a function. Т.е. где то на этом моменте происходит ошибка - function cleanDist() { return del('dist') } - Starting 'cleanDist'... [08:24:47] 'cleanDist' errored after 1.65 ms

[@valehsalimov]

Привет. Скорее всего ты установил последнюю версию пакета del и там есть изменения Загугли del npm - там описан новый способ работы Теперь он подключается import { deleteAsync, deleteSync } from 'del'; Соответственно там уже нет как таковой функции del, теперь deleteAsync либо deleteSync Я сильно не углублялся - просто в своей сборке заменил импорт и вместо del написал deleteSync

[@ХусейнНаимов-ь6х]

Приятно вас смотреть, спасибо!

[@zelenyigor6919]

Спасибо !!! Вадос, плиз скажи, а когда будем уже верску натягивать на WP ?

[@vadymprokopchuk]

та хз, посмотрим

[@localhost666]

Как называется тема для VSCode?

[@N32-e1g]

Знаешь было бы интереснее если бы ты по очереди показывал теги и где они используются с мини вырезками из HTML кода

[@ВладШеремет-з2т]

ти супер❣

[@ДаниярСадыков-м1т]

Лучший))

[@Vladimir_Alexsandrovich_I]

Вообще классная тема

[@АлександрШабашов-я2о]

Спасибо!!!

[@АнтонКузнецов-к8с]

Есть возможность скачать вашу свежую готовую сборку Gulp?

[@front-end14]

привіт, дякую за корисні відоси) Якщо будеш обирати тему для наступних відосів, зроби огляд основних css медіазапитів. Є деякі корисні, які ніхто не юзає. Типу any-hover)

[@MrTopolevsky]

Дякую!

[@АнатолийШеп]

Спасибо.

[@gitignore098]

48:48 довольных ТИПОВ🤣🤣🤣🤣