Верстка сайта с нуля до завершения html/css/js

Друзья, обалденный макет - обалденная верстка. Это верстка сайта, с самого нуля, с адаптивом, используем html и css, в конце это все полернем js, чтобы было интереснее и более практически. Запрыгивайте на борт!

----------------------------------------

----------------------------------------
----------------------------------------

----------------------------------------
----------------------------------------

----------------------------------------
Доп ссылки:

----------------------------------------

Подпишитесь на канал, если вам понравилось данное видео:

[rinatbogdanov]

был перерыв в верстке, восстановить навыки решил по твоим урокам, они лучшие

[WaleronFm]

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

[ВиталикСтепанов-цщ]

Лайк сразу же! Вадим, спасибо за такие душевные и информативные ролики! Лучший🥹

[shnshnd]

Объяснения супер, я нигде такого больше не видела, спасибо огромное за такую работу! Решила восстановить все свои знания и наконец перейти во фронтенд, не откладывая в дальний угол, тем более когда такие классные вечеринки!
Плюс потрясающий юмор!

На 5 февраля 2024 года в Фигме больше нет бесплатного доступа к панели разработчика, можно по другому скопировать стили (через правую кнопку мыши)

[fridaoblomova]

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

[teiltor]

ваш юмор это нечто, безумно интересно вас слушать и учиться. Спасибо!

[bzz__]

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

[АлександрСергеевич-мь]

Макет хоть и небольшой, но прикольный, красочный. Ждем продолжения верстки. Вадим, большое спасибо за контент, реально очень много практики.
Понемного подтягиваю js. Думаю, отличный вариант сделать логику так. Всем кнопкам с наушниками задать data-атрибуты типа data-color. При нажатии брать этот параметр и задавать его всем изображениям в виде setAttribute src. Нужно просто соответственно назвать все картинки.
Градиенты можно подвязать к заранее созданным классам, типа идентификаторам.
Текущую кнопку прятать путем добавления класса или инлайн-стилей, а все остальные показывать.

[danlug]

из-за учебы подзабыл версточку, решил вернутся, возвращение блудного сына, спасибо за видос, ЛУЧШИЙ!!!!

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

Вадим спасибо за Ваш труд. Здоровья Вам и вашей семье, мирного неба.

[mahoragaUI]

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

[maks-rst]

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

[oleksandrzimin]

Бро самые топовые уроки практики вёрстки, спасибо тебе.

[arhangel]

В багатьох ютуберів в яких я проходив верстку під час відео аж хочеться спати, але ваш підхід до відео особий, ви з вашими жартами заряджаєте позитивом що аж хочеться без перервно проходить вашу верстку🫡
Дякую!!!

[maxim_necrasov]

Подскажите, а не проще ли было картинке задать position releative, тексту - absolute и просто расставить z-index и top/left/bottom/right?

[DenisAntropov-cgnd]

Лайк однозначный, но не могу не сказать.
Хотелось бы увидеть видео где верстаешь с использованием rem. Будет куда полезнее чем однотипную верстку на пикселях смотреть

[Jane_]

Спасибо за видео, с удовольствием с вами поверстаю)) Очень нравятся ваши видео!!!!

[ПрограммистсДВ]

41:00 — с каких пор модификаторы стало допустимо использовать в отрыве от модифицируемого блока? Модификатор — это не самостоятельная сущность.

Из официальной документации:
"С точки зрения БЭМ-методологии модификатор не может использоваться в отрыве от модифицируемого блока или элемента. Модификатор должен изменять вид, поведение или состояние сущности, а не заменять ее."

[natalietalas]

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

[ukraine]

нуссс, начнемс тебя верстать! спасибо Вадосу за видосы