Адаптивная панель администратора, использующая HTML, CSS и JavaScript, со светлым и темным режимами.

Создание адаптивной административной панели для интернет-магазина с использованием HTML, CSS и JavaScript. Скидка Hostinger: https://www.hostg.xyz/SH8cs Адаптивный веб-сайт-портфолио на React с настройкой темы (ПОЛНЫЙ КУРС): https://www.udemy.com/course/react-js... В этом уроке я покажу вам, как использовать современный HTML, CSS и JavaScript для создания полностью адаптивной административной панели с функционалом светлого и темного режимов. Мы будем использовать CSS-переменные, CSS Grid, CSS Flexbox, медиа-запросы для адаптивного дизайна, а также CSS-переходы и анимации для создания интересных анимационных эффектов. Ставьте лайки и подписывайтесь:    / @egatortutorials   Плейлист по HTML, CSS и JavaScript:    • Create a Responsive Modal Popup Using HTML...   Исходный код и демонстрация в реальном времени:   / egator   Я предоставлял исходный код всех проектов в течение последних нескольких месяцев, но теперь мне нужна ваша поддержка, чтобы продолжать создавать для вас еще лучший контент. Пожалуйста, присоединяйтесь к моему Patreon и получите доступ ко всему исходному коду моих проектов, изображениям и демонстрации в реальном времени! Вы также получите доступ ко всем будущим проектам, файлам Figma, моему предстоящему курсу на Udemy и многому другому! Ресурсы: https://drive.google.com/file/d/1PuE6... Временные метки 00:00:00 Введение (Обзор проекта) 00:02:17 Структура папок проекта и файлы 00:03:30 Добавление CDN иконок Material Design 00:04:20 Разметка боковой панели/вставки 00:10:10 Переменные CSS и общие стили 00:20:03 Стили боковой панели 00:28:52 Разметка основного раздела (Календарь и аналитика) 00:33:30 Стили основного раздела (Календарь и аналитика) 00:42:25 Разметка последних заказов (Таблица заказов) 00:44:27 Последние заказы (Таблица заказов) Стили 00:47:28 Разметка правой секции (Вверху и последние обновления) 00:51:40 Стили правой секции (Вверху и последние обновления) 00:57:05 Разметка правой секции (Аналитика продаж) 00:59:43 Стили правой секции (Аналитика продаж) 01:04:10 Медиа-запросы 1 (Адаптивный дизайн для больших планшетов и маленьких ноутбуков) 01:09:42 Медиа-запросы 2 (Адаптивный дизайн для маленьких планшетов и мобильных телефонов) 01:16:45 Отображение и скрытие боковой панели с помощью JavaScript 01:18:25 Анимация боковой панели 01:19:40 Функциональность смены/переключения темы (Светлый и темный режимы с помощью JavaScript) 01:22:35 Заполнение таблицы заказами с помощью JavaScript