Освоено 0 из 51 навыков. Собран под твой стек: Next 16, React, TypeScript, Postgres, OAuth, PWA, Vercel.
Фундамент, на который ложится всё остальное. Без него любой фреймворк — магия.
Как работает веб
HTTP(S), запрос/ответ, коды статусов, заголовки, DNS, что делает браузер, CORS.HTML и CSS
Семантика, flexbox и grid, адаптив, единицы измерения, каскад и специфичность.JavaScript (ES2023+)
Типы, замыкания, промисы, async/await, модули, событийный цикл, деструктуризация.TypeScript
Типы, дженерики, сужение, utility-типы, строгий режим. Весь этот проект — на TS.Git и GitHub
Ветки, коммиты, PR, ребейз, разрешение конфликтов, гигиена истории.Терминал и окружение
bash, npm/pnpm, package.json и скрипты, переменные окружения (.env).Алгоритмы и структуры данных
Массивы, множества, хэш-мапы, сложность O(), рекурсия — для собеседований и здравого смысла.То, что видит и трогает пользователь. Твоя сильная зона — здесь её углубляем.
React 19
Компоненты, пропсы, состояние, списки и ключи, условный рендер, композиция.Хуки глубоко
useState / useEffect / useMemo / useRef / useTransition, кастомные хуки, правила хуков.Next.js App Router
Сегменты, layout и page, вложенные маршруты, группы (folder), динамические сегменты. Стек — Next 16.Server vs Client Components
Где выполняется код, граница "use client", сериализация пропсов, когда что выбирать.Стриминг и загрузка
Suspense, loading.tsx, error.tsx, скелетоны, prefetch ссылок. Мы только что внедрили это в проект.Управление состоянием
Локальное vs серверное, URL как состояние, когда реально нужен стор (Context / Zustand).Формы и валидация
Server actions, useActionState, оптимистичный UI, ошибки полей, состояния отправки.Стилизация и UI-кит
MUI, тема и дизайн-токены, sx/emotion, адаптив, консистентность. Проект на MUI.Доступность (a11y)
Роли и ARIA, навигация с клавиатуры, фокус, контраст, alt и подписи.Производительность фронта
Размер бандла, code-splitting, оптимизация картинок, кэш, Core Web Vitals.PWA
Манифест, service worker, офлайн, установка на экран, web-push. У тебя уже есть sw.js и пуши.Логика, данные, доступ. Фуллстек начинается там, где кнопка что-то реально делает.
Node.js
Рантайм и модули, стримы и буферы, процессы, окружение, serverless-функции.Проектирование API
REST-ресурсы, коды статусов, версионирование, идемпотентность, пагинация, ошибки.Server Actions и Route Handlers
Мутации через "use server", route.ts, ревалидация — когда экшен, а когда endpoint. Стек — Next.Аутентификация и сессии
OAuth 2.0 / OIDC (Google), httpOnly-куки, JWT/JWE (jose), CSRF. У тебя это уже работает.Валидация ввода
Схемы (zod), проверка на границе доверия, санитайзинг, никогда не верь клиенту.Фоновые задачи и расписания
Cron (Vercel Cron), очереди, вебхуки, ретраи. У тебя есть /api/cron/remind.Файлы и медиа
Загрузки, хранилище (S3 / Blob), обработка и отдача изображений, подписанные ссылки.Реальное время
WebSockets, SSE, поллинг — что выбрать под задачу и какой ценой.Где живут данные и как их не потерять. Тут у тебя уже боевой Postgres.
SQL
SELECT/JOIN/GROUP BY, подзапросы, оконные функции, CTE, агрегаты.PostgreSQL
Типы, JSONB, массивы, ограничения (CHECK/UNIQUE/FK), EXPLAIN. Стек — Postgres/Neon.Проектирование схемы
Нормализация, ключи, связи, миграции. У тебя schema.sql и скрипты migrate-*.mjs.Индексы и производительность
B-tree, составные и покрывающие индексы, когда индекс НЕ поможет, чтение EXPLAIN.Транзакции и целостность
ACID, уровни изоляции, блокировки, upsert через ON CONFLICT. Ты уже используешь ON CONFLICT.Serverless-БД
Neon, пулинг соединений, SQL-over-HTTP, ограничения edge/serverless. Твой драйвер — @neondatabase/serverless.Кэширование
Стратегии и инвалидция, кэш Next (revalidate/tags), когда нужен Redis.Как код доезжает до пользователя и не падает ночью.
Деплой на Vercel
Сборка, окружения, превью-деплои на PR, продакшн-домен. Ты уже деплоишь сюда.Секреты и конфигурация
Переменные окружения, разделение dev/prod, где не хранить ключи, ротация.CI/CD
GitHub Actions, проверки на PR (lint/типы/тесты), автодеплой, откаты.Docker (базово)
Образы и контейнеры, docker compose — для локалки и хостинга вне Vercel.Логи и мониторинг
Структурные логи, отлов ошибок (Sentry), метрики, алерты, дашборды.Домены и сеть
DNS-записи, TLS/HTTPS, CDN, заголовки кэширования.Разница между «работает у меня» и «работает у всех и не ломается».
Юнит-тесты
Vitest/Jest, что стоит тестировать, моки и стабы, покрытие с умом (не ради цифры).E2E и интеграционные тесты
Playwright, тест-данные, борьба с флейки-тестами, проверка ключевых сценариев.Линт и форматирование
ESLint, Prettier, строгий TS, pre-commit хуки. У тебя есть eslint.config.mjs.Обработка ошибок
Границы ошибок, error.tsx, мягкая деградация, ретраи, понятный UX ошибки.Безопасность
OWASP Top-10, XSS/CSRF/SQL-инъекции, заголовки безопасности, аудит зависимостей.Код-ревью и читаемость
Маленькие PR, конструктивная обратная связь, рефакторинг, именование.Мышление уровнем выше кода: системы, компромиссы и карьера.
Системный дизайн
Границы компонентов, трейд-оффы, диаграммы, ADR (записи решений).Масштабирование
Кэш, очереди, шардирование, идемпотентность, отказоустойчивость, backpressure.Паттерны и чистая архитектура
Разделение слоёв, направление зависимостей, DDD базово, когда паттерн лишний.Наблюдаемость в проде
Трейсинг, метрики, SLI/SLO, разбор инцидентов (postmortem без обвинений).Софт-скиллы
Оценка сроков, коммуникация, документация, менторство, работа в ревью.Портфолио и рост
Пет-проекты (как этот трекер!), open source, резюме, подготовка к собеседованиям.