PREPRA
Навигация

Безопасность

Раздел объясняет, как защищать веб-приложения на уровне фронтенда: от классических XSS и CSRF до CSP, секретов, авторизации, безопасности зависимостей и compliance.

13 статей 88 вопросов

Начни с базы

Безопасность фронтенда: обзор угроз и защит

Обзор безопасности для фронтендера: XSS, CSRF, CSP, секреты, аутентификация, HTTP-заголовки, supply chain и философия defense in depth.

7 вопросов
+3

Управление секретами во фронтенде

Секреты во фронтенде: `NEXT_PUBLIC_`, `runtimeConfig`, серверный прокси, vaults, ротация, защита `.env` от утечек в git.

7 вопросов
+2

Углубись в детали

XSS: анатомия атаки и методы защиты

XSS-атаки во фронтенде: reflected, stored, DOM-based, mXSS. Экранирование, санитизация, `dangerouslySetInnerHTML`, `v-html`, Trusted Types.

7 вопросов
+3

CSRF: механика атаки и линии защиты

CSRF-атаки: почему браузер отправляет cookie на evil.com, как SameSite, CSRF-токены и double submit cookie останавливают подделку запросов.

7 вопросов
+2

Content Security Policy: директивы и практика

CSP: директивы, nonce, hash, strict-dynamic, Report-Only, интеграция с Next.js и Nuxt. Вторая линия обороны против XSS и clickjacking.

7 вопросов
+2

HTTP-заголовки безопасности

Security-заголовки: HSTS, CSP, X-Frame-Options, Referrer-Policy, Permissions-Policy, COOP/COEP/CORP, Clear-Site-Data. Настройка в Next.js и Nuxt.

7 вопросов
+3

Аутентификация и авторизация во фронтенде

Аутентификация и авторизация: сессии, JWT, access/refresh tokens, OAuth 2.0, OIDC, PKCE, RBAC/ABAC, хранение токенов и защита в Next.js/Nuxt.

7 вопросов
+3

Безопасность React

React: экранирование JSX, `dangerouslySetInnerHTML`, URL-атрибуты, refs, хранение токенов и защита от XSS в клиентских компонентах.

6 вопросов
+2

Безопасность Vue

Vue: `v-html`, refs, URL-атрибуты, экранирование интерполяций, хранение токенов и защита от XSS в Composition API.

6 вопросов
+2

Безопасность Next.js

Server Components, Server Actions, middleware, Route Handlers, CSP с nonce, security-заголовки, защита от Open Redirect в Next.js App Router.

7 вопросов
+3

Безопасность Nuxt

Nuxt: SSR и XSS, серверные маршруты Nitro, `nuxt-security`, `runtimeConfig`, CSRF и CSP.

6 вопросов
+4

Не будет лишним

Безопасность зависимостей и supply chain

Supply chain-атаки, npm audit, lock-файлы, Snyk, Socket, SBOM, provenance, приватные registry. Защита от вредоносных пакетов и typosquatting.

7 вопросов
+3

SOC2 и CASA для фронтенд-разработчика

Как фронтендеру участвовать в SOC2 и CASA-аудите: controls, evidence, access reviews, change management, pentest, incident response, Secure SDLC.

7 вопросов
+3