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

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

Макет и материалы к уроку: https://t.me/+9XtDDNBdHAk4Yjhi
Верстаю макет в прямом эфире. Макет будет на стриме в описании под видео.
Адаптивная мобильная верстка HTML CSS JS из Figma. FlexBox, формы, карусель.

Первая часть. Десктоп:    • Верстка сайта онлайн. Подробно с объя...  
Плейлист:    • Верстка макета GoTrip. HTML CSS. Деск...  

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

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 18 Ноября 2024 года.

💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 25 Ноября 2024 года.

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

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

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

💈 Сайт школы ВебКадеми: https://webcademy.ru/
💈 Вступайте в группу Вконтакте: https://vk.com/webcademy
💈 Подписывайтесь на Telegram: https://t.me/webcademynews

ТАЙМ КОДЫ:

00:00 Приветствие
00:33 Открываем код проекта. Где взять код и макет
02:00 Тег meta для адаптива
02:40 Добавление декоративных элементов в шапку

10:30 Адаптив
12:10 Фикс курсора для декора в шапке
14:00 Первая точка перелома. Адаптив для контейнера

17:45 Навигация
20:50 Иконка для мобильной навигации
28:00 Правка иконки моб навигации
34:30 Верстка мобильной навигации
43:40 JS скрипты для мобильной навигации
45:17 Общение с чатом

51:30 no-scroll для мобильной навигации
53:24 Адаптив для шапки
1:14:00 Общение с чатом

1:17:00 Секция Destinations
1:42:50 Общение с чатом

1:44:08 Секция Customers
1:51:40 Секция CTA
1:53:51 Секция Subscribe
1:55:10 Подвал сайта

2:04:25 Проверка адаптива

2:07:10 Правка Subscribe
2:14:10 Правка навигации в подвале
2:15:40 Правка Карусели. Один слайд на 320px
2:20:10 Правка Customers
2:23:33 Общение с чатом
2:30:10 Мои авторский курс по верстке сайтов
2:37:00 Публикуем проект на GitHub Pages

Комментарии

Информация по комментариям в разработке