Данный курс подготовлен в соответствии с КОД 09.02.09-1-2025 и предназначен для подготовки студентов к демонстрационному экзамену профильного уровня (ДЭ ПУ) по специальности 09.02.09 Веб-разработка.
Курс состоит из 16 лабораторных работ, каждая из которых соответствует требованиям демонстрационного экзамена.
-
Лабораторная работа №1: Знакомство с React — Создание первого компонента
Установка среды, создание проекта, структура проекта, вывод "Hello World", JSX
-
Лабораторная работа №2: Работа с компонентами и пропсами
Передача данных между компонентами через props, создание переиспользуемых компонентов
-
Лабораторная работа №3: Управление состоянием — useState и управление формами
Работа с useState, создание простой формы (ФИО, email), вывод данных
-
Лабораторная работа №4: Условный рендеринг и списки
Использование if, &&, ternary, map() для отображения списка курсов
-
Лабораторная работа №5: Прототипирование в Figma
Проектирование макета главной страницы, страницы курсов и формы записи
-
Лабораторная работа №6: Верстка главной страницы по макету
Сверстать главную страницу: девиз, кнопка "Записаться", преимущества, подвал
-
Лабораторная работа №7: Слайдер отзывов на React
Создание слайдера с отзывами клиентов, навигация по стрелкам/точкам
-
Лабораторная работа №8: Страница "Курсы": динамический рендеринг карточек
Отображение списка курсов из массива данных. Каждая карточка — компонент
-
Лабораторная работа №9: Калькулятор стоимости курса: управление состоянием
Реализация калькулятора: выбор тарифа, количества занятий, продолжительности
-
Лабораторная работа №10: Форма записи на бесплатный урок: валидация на клиенте
Создание формы с полями: ФИО, телефон, email. Валидация в реальном времени
-
Лабораторная работа №11: Работа с эффектами: useEffect и жизненный цикл
Использование useEffect для загрузки данных (например, курсов с JSON-файла)
-
Лабораторная работа №12: Роутинг с React Router
Настройка навигации между страницами: Главная → Курсы → Запись
-
Лабораторная работа №13: Адаптивная верстка: от мобильного до десктопа
Настройка отображения сайта на разных устройствах (медиа-запросы, Bootstrap grid)
-
Лабораторная работа №14: Работа с Git: контроль версий
Создание репозитория, коммиты, ветки, публикация на GitHub
-
Лабораторная работа №15: Интеграция с JSON-сервером (имитация бэкенда)
Настройка локального сервера, отправка данных формы через fetch/axios
-
Лабораторная работа №16: Финальный проект: Полноценный сайт "Языковой портал"
Объединение всех элементов в единый проект для демонстрации на экзамене