Адаптивная HTML верстка сайта портфолио для новичков на HTML и CSS. Мобильная адаптивная верстка, медиа-запросы. Темная тема на CSS переменных и JavaScript. Публикация сайта на GitHub Pages.
Макет, скрипты и готовый код: webcademy.ru/blog/932/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт курса: 27-го Мая 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт курса: 3-го Июня 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: webcademy.ru/
💈 Вступайте в группу Вконтакте: webcademy
💈 Подписывайтесь на Telegram: t.me/webcademynews
Тайм коды:
00:00 Обзор проекта
01:03 Курс по верстке
01:41 Создание проекта, настройки редактора
13:18 Верстка навигации
23:42 Логотип и пункты в навигации
44:54 CSS переменные
53:27 Верстка шапки
01:27:36 Секция Projects
01:44:43 Верстка подвала
01:55:23 Страница с проектом
02:12:48 Страницы Skills и Contacts
02:23:28 Страница Contacts
02:27:40 Sticky footer
02:31:00 Мобильная адаптация
02:52:35 Темная тема. Верстка переключателя
03:11:27 Позиционирование переключателя
03:18:09 CSS переменные для темной темы
03:35:20 localStorage для сохранения темной темы
03:42:56 Ориентир на системные настройки для темной темы
03:47:48 Отслеживание системных настроек
03:51:42 Порядок в JS коде
03:57:50 Публикация проекта на GitHub Pages
04:05:24 Анонс следующего проекта
04:05:50 Курс по JS Frontend разработке
Сайт: webcademy.ru/
Вконтакте: webcademy
Telegram канал: t.me/webcademynews
30 май 2024