Изучите основы объявления переменных в JavaScript: var, let, const. Узнайте о различиях между ними, областях видимости и правилах именования.

Разбор основного стейт-менеджера в React для управления состоянием приложения, а именно Zustand

Детальный разбор ключевые изменения и нововедений по сравнению с 3 версией

Создание документации для UI компонентов на основе Markdown

Введение в Next.js: основные концепции, преимущества перед React, настройка проекта. Изучите основы фреймворка и создание первого приложения.

Основы React: компоненты, JSX, пропсы и состояние. Фундаментальные концепции для работы с Next.js и современными React-приложениями.

Жизненный цикл компонентов React: методы жизненного цикла, хуки useEffect, управление состоянием компонента на разных этапах.

Серверный и клиентский рендеринг в Next.js: различия, преимущества и сценарии использования. Когда применять SSR и CSR.

Все виды рендеринга в Next.js: Static Generation, Server-Side Rendering, Client-Side Rendering. Выбор оптимального подхода для разных страниц.

Практическая реализация SSR и CSR в Next.js: настройка getServerSideProps, getStaticProps и клиентских компонентов.

Организация проекта в Next.js: папки app и pages, routing, layout, специальные файлы. Best practices структурирования приложения.

Компонент Image в Next.js: оптимизация изображений, lazy loading, responsive images. Повышение производительности за счет встроенной оптимизации.

Маршрутизация в React и Next.js: настройка роутов, динамические маршруты, програмmatic navigation. Работа с React Router v6.

Context API и Providers в React: управление глобальным состоянием, создание провайдеров, оптимизация перерендеров.

Создание и композиция компонентов в React/Next.js: reusable components, props drilling, композиция vs наследование.

Работа с формами в React: управляемые и неуправляемые компоненты, валидация, обработка сабмита. Интеграция форм в Next.js приложения.

Введение в JWT: структура токена, принципы работы и безопасность. Узнайте из чего состоит JWT токен, как создаются подписи и какие данные хранятся в payload. Основы для понимания механизма аутентификации.

Практическое применение JWT: создание и верификация токенов, работа с middleware, хранение на клиенте. Рассмотрим реальные сценарии использования и лучшие практики безопасности при работе с JWT.

Подключение шрифтов CSS к HTML

Изучите как создать новый Git репозиторий, инициализировать проект и сделать первый коммит. Основные команды: git init, git add, git commit. Настройка локального репозитория для начала работы.

Работа с удаленными репозиториями: клонирование проектов, получение обновлений и синхронизация изменений. Команды: git clone, git pull, git fetch. Настройка подключения к GitHub и другим платформам.

Повседневные операции в Git: просмотр истории коммитов, отмена изменений, работа с ветками и разрешение конфликтов.

Основы контейнеризации: что такое Docker, зачем он нужен и как работает. Узнайте о ключевых концепциях - образы, контейнеры, Dockerfile. Первые шаги в установке и работе с Docker.

Глубокое погружение в архитектуру Docker: Dockerfile, слои образов, volumes, сети и docker-compose. Учимся оптимизировать образы и управлять многоконтейнерными приложениями.

Практическое руководство по деплою приложения с использованием Docker. Настройка production-окружения, работа с переменными среды, мониторинг и развертывание на сервере.