Семинар 1: Введение в HTML

• Обзор компонентов фронтенд-разработки
• Структура документа HTML5
• Введение в редактор Visual Studio Code
• Изучение расширений VS Code
• Организация документов для проекта
• Добавление HTML-тегов

Семинар 2: Работа с CSS

• Подключение CSS-файлов
• Понимание CSS-селекторов и их важность
• HTML-атрибуты
• Абсолютные и относительные пути
• Работа с Figma
• Использование Chrome DevTools

Семинар 3: Свойство Display

• Основные HTML-теги для структуры веб-страницы
• Свойство display: block/inline/inline-block/none
• Сброс стилей браузера
• Добавление карты

Семинар 4: Добавление шрифтов

• CSS-бокс-модель
• Комментарии в HTML/CSS
• Веб-шрифты и соответствующие форматы
• Управление стилями и размерами шрифтов
• Форматирование текста
• Начало работы над финальным проектом

Семинар 5: Git и GitHub

• Введение в Git/системы контроля версий
• Регистрация на GitHub
• Создание репозитория
• Обзор GitHub Desktop
• Загрузка и скачивание проектов
• Внесение изменений
• Команды Git
• Понимание абсолютных путей

Семинар 6: Flexbox

• Понимание Flexbox
• Использование FontAwesome / Icomoon
• Псевдоклассы
• Свойство border-radius
• Валидация кода
• Обзор финального проекта

Семинар 7: Свойство Position

• Понимание позиционирования: static/absolute/relative/fixed/sticky
• Свойство transform
• Применение теней: box-shadow/text-shadow

Семинар 8: Анимации

• Создание эффектов наведения (hover)
• Использование свойства transition
• Анимации с ключевыми кадрами (keyframe animations)
• Свойство background image
• Обзор финального проекта

Семинар 9: Адаптивный веб-дизайн

• Создание адаптивных макетов
• Использование CSS @media
• Установка точек останова в адаптивном веб-дизайне
• Использование проверщиков адаптивности

Семинар 10: Практика адаптивного дизайна

• Практика адаптивного дизайна (самостоятельная разработка дизайна)
• Использование Autoprefixer CSS для дополнительных префиксов

Семинар 11: CSS Grid Layout

• Понимание модуля CSS Grid layout
• Использование CSS-переменных
• Псевдоэлементы
• Обзор финального проекта

Семинар 12: HTML Form Elements

• Работа с элементами форм HTML
• Использование мета-тегов для браузеров
• Оптимизация информации для социальных сетей
• Обзор финального проекта

Семинар 13: Введение в JavaScript

• Понимание синтаксиса JavaScript
• Добавление JavaScript-файлов на сайт
• Работа с примитивными типами данных
• Объявление переменных
• Использование условных выражений
• Введение в DOM
• Манипулирование DOM с помощью JavaScript

Семинар 14: Добавление простой функциональности с помощью JavaScript

• Взаимодействие с HTML-элементами
• События JavaScript: click, focus, keydown
• Добавление функциональности бургер-меню
• Подробные инструкции для финального проекта