Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS

Адаптивная мобильная верстка HTML CSS JS из Figma. CSS Grid, JS.
Верстка главной страницы туристического сайта.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 16 Декабря 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 23 Декабря 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

ТАЙМ КОДЫ:

00:00 Введение. Ответы на вопросы
14:28 Подготовка
37:30 Начало. Header.
00:54 Ответы на вопросы
01:15:51 Навигация
01:30:00 Аватар
01:35:00 Завершение 'Nav'. Ответы на вопросы.
01:37:30 Title
01:48:30 Ответы на вопросы.
01:51:40 Form
02:12:49 Ответы на вопросы.
03:00:10 Main
03:09:06 Card Popular Destinations
03:20:06 Card Hotels
03:40:00 Card Activities

[sashshuma]

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

[nikosin]

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

[natalietalas]

Спасибо большое, столько нового открыла для себя. Здоровья вам автор!

[АлександрПараконный]

Очень полезное видео. Круто что ответили на мой вопрос во время стирма

[ИгорьБатькович-ыз]

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

[youtoobe]

на 2:37 появляется div с классом autoComplete_wrapper. Когда его уже создали, можно по-подробнее...

[ОлегСтариченко-пз]

Подскажите пожалуйста где вы взяли код для autoComplete который вы вставили в js файл?

[_back_heart_]

какую тему в Visual Code ты используешь?

[Evgenius-PRO]

Юрий! Вечер добрый вновь! 😀 Спасибо за такой мастер класс! Вопрос, как к учителю, как к человеку с большим опытом! Почему кто-то относит к блоку хедер, то есть к самой шапке, только само меню(то что в вашем случае лишь nav) и получается делает вариант что она абсолютна и как бы нависает над bg планеты, а сама bg планета это ну можно сказать часть section h1 текста "Discover the most engaging places" ну вы поняли о чем я, то есть хедер, сама шапка это лишь менюшка, а вот вы и кстати многие другие к хедеру относите всю часть самого верхнего блока включая и меню и текста и bg. Вот собственно в чём фундаментальная разница при таком и таком подходе? чем ваш вариант выйгрывает по отношению к тому что я описал и так же наоборот, выигрывает ли вариант который я описал перед таким хедером который у вас? Просто смотря код готовых работ и какие либо мастер классы вот реально 50-50 как у вас и как я описал +- в подходе к верстке шапки! Заранее спасибо!

[jqflpgr]

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

[pro]

Добрый день! А где вы берёте шаблоны Фигма для верстки?

[БімбаЦарь]

Я включил видео под сон, просыпаюсь и вижу это, я это не смотрел

[СерханЗохрабов]

Как мы скачиваем извините меня этот сраный easepick