[Практика] Календарь — 04 | Создание календарной сетки и логики отображения

Разбираем логику построения календарной сетки, определяем количество дней, смещение начала недели, создаём структуру для будущего отображения событий. 🎓 Frontarium — обучение современному фронтенду. Здесь вы проходите интерактивные уроки, выполняете практические задания и тренируете навыки по: HTML • CSS • JavaScript • TypeScript • React • Git • Алгоритмы • Архитектура Таймкоды: 00:00 — Введение 00:20 — Создание Calendar компонента внутри календарной папки. 00:52 — Начало разработки кастомной логики календаря 01:24 — Работа с датами 01:57 — Почему добавляем +6 к воскресенью 02:14 — Получаем количество дней в месяце 03:00 — Используем цикл для генерации ячеек. 03:17 — Приведение даты к ISO формату. 03:48 — Смена месяца вызывает пересчёт всего календаря. 04:48 — Рендер событий внутри ячейки. 05:08 — Цвет зависит от типа: работа, учёба, здоровье. 05:49 — Вывод названия месяца в UI. 07:31 — Подключаем новый компонент Calendar. 07:56 — Переходим к просмотру результата. 09:15 — Готовый календарь. 09:22 — В следующих уроках будет редактирование и удаление событий. ❤️ Поддержите канал Если видео было полезным — поставьте 👍, напишите комментарий и подпишитесь на канал. Это помогает развитию проекта и мотивирует выпускать больше обучающих материалов.