Front-end для продвинутых: Онлайн-кинотеатр

14 участников

О чём курс

Вам нужен проект уровня Netflix для портфолио, но вы не знаете, как объединить все продвинутые инструменты в рабочее приложение. Здесь вы собираете полноценный фронтенд для онлайн-кинотеатра, который включает авторизацию, админ-панель и систему управления контентом.

В основе обучения лежит интенсивная разработка на стеке React, Next.js и TypeScript. Основные акценты сделаны на технически сложные задачи:

  • Работа с данными: интеграция React Query и Axios, внедрение Redux Toolkit для управления состоянием и кэширование через SSG/SSR/ISR.
  • Функциональность: создание кастомного видеоплеера, разработка текстового редактора на Draft.js и реализация загрузки медиафайлов на сервер.
  • UI-компоненты: настройка Tailwind CSS и глубокая кастомизация React Select для сложных форм с React Hook Form.

Курс рассчитан на тех, кто уже знает базу React и хочет освоить реальную масштабируемую архитектуру. Итогом станет готовый проект для вашего портфолио с оптимизированным SEO и высокой скоростью загрузки.

Программа обучения

  • Точной программы нет. Примерный план по описанию:
    • Настройка проекта на React + Next.js + TypeScript
    • Конфигурация Tailwind CSS
    • Внедрение Redux Toolkit в архитектуру проекта
    • Реализация авторизации с использованием Cookies
    • Настройка клиентского и серверного получения данных (SSG, SSR, ISR, Client-side fetching)
    • Интеграция React Hook Form и кастомизация React Select
    • Разработка админ-панели для управления контентом
    • Создание текстового редактора на Draft.js
    • Реализация функционала загрузки видео и изображений на сервер
    • Разработка кастомного видеоплеера
    • Оптимизация скорости сайта и SEO-настройка
Складчина создана 30 марта 2022 г. · описание обновлено 23 марта 2026 г.
352 ₽ 1 790 ₽