Справочники

Тема

Frontend-разработка — контент-трекер ​

Трек ведёт от веб-платформы и языковых основ к архитектуре интерфейсов, доступности, производительности, безопасности и эксплуатации frontend.

Грейды ​

Грейд в скобках показывает, когда включать тему в учебный путь:

ГрейдРезультат статьи
НовичокДаёт первые термины и ментальную модель без обязательной входной базы
JuniorУчит применять тему в типовом сценарии по известному алгоритму
MiddleУчит диагностировать сбои и выбирать решение с учётом компромиссов
SeniorУчит проектировать границы, оценивать риски и системные последствия

Это основная точка входа, а не обещание должности после одной статьи. Для «Новичка» во frontmatter используется level: [beginner] и prerequisites: []. У статьи указывается только один основной грейд.

Статусы ​

  • [ ] — тема запланирована;
  • ~ — черновик статьи;
  • * — статья на ревью;
  • [x] — опубликована и прошла критерии готовности.

Сводка ​

РазделГотовоВсего%
01. Веб-платформа0240%
02. HTML и семантика0220%
03. Основы CSS0300%
04. Компоновка и адаптивность0240%
05. JavaScript0320%
06. Среда выполнения браузера0250%
07. TypeScript0240%
08. Архитектура интерфейсов0260%
09. Фреймворки и отрисовка0280%
10. Состояние и данные0240%
11. Формы0180%
12. Доступность0240%
13. Производительность0260%
14. Безопасность0220%
15. Тестирование0240%
16. Инструменты и доставка0220%
17. Дизайн-системы0220%
18. Эксплуатация frontend0240%
Итого04410%

01. Веб-платформа ​

  • [ ] Путь запроса от URL до страницы (Новичок)
  • [ ] URL и URI (Новичок)
  • [ ] DNS для Frontend (Новичок)
  • [ ] TCP и QUIC (Новичок)
  • [ ] TLS и сертификаты (Новичок)
  • [ ] В браузере и интерфейсах: HTTP Semantics (Новичок)
  • [ ] В браузере и интерфейсах: HTTP/1.1, HTTP/2 и HTTP/3 (Новичок)
  • [ ] HTTP Methods (Новичок)
  • [ ] HTTP Status Codes (Новичок)
  • [ ] HTTP Headers (Новичок)
  • [ ] Content Types (Новичок)
  • [ ] В браузере и интерфейсах: Content Negotiation (Новичок)
  • [ ] HTTP Caching (Новичок)
  • [ ] В браузере и интерфейсах: Cookies (Новичок)
  • [ ] В браузере и интерфейсах: Same-Origin Policy — раздел «Веб-платформа» (Новичок)
  • [ ] В браузере и интерфейсах: CORS (Новичок)
  • [ ] В браузере и интерфейсах: Content Security Policy — раздел «Веб-платформа» (Middle)
  • [ ] В браузере и интерфейсах: Browser Architecture (Новичок)
  • [ ] Navigation Lifecycle (Middle)
  • [ ] Rendering Pipeline (Middle)
  • [ ] Web Standards (Middle)
  • [ ] Progressive Enhancement (Middle)
  • [ ] Feature Detection (Новичок)
  • [ ] Browser Compatibility (Middle)

02. HTML и семантика ​

  • [ ] HTML Document Structure (Новичок)
  • [ ] Parsing HTML (Новичок)
  • [ ] Content Categories (Новичок)
  • [ ] Semantic Elements (Новичок)
  • [ ] Headings и Document Outline (Новичок)
  • [ ] Landmarks (Новичок)
  • [ ] Links и Navigation (Новичок)
  • [ ] Images (Новичок)
  • [ ] Responsive Images (Новичок)
  • [ ] Audio и Video (Новичок)
  • [ ] Lists (Новичок)
  • [ ] В браузере и интерфейсах: Tables (Новичок)
  • [ ] Forms (Новичок)
  • [ ] Buttons (Новичок)
  • [ ] Dialog (Новичок)
  • [ ] Details и Summary (Новичок)
  • [ ] Metadata (Новичок)
  • [ ] Open Graph Metadata (Новичок)
  • [ ] Structured Data (Новичок)
  • [ ] Native Validation (Новичок)
  • [ ] Custom Elements (Middle)
  • [ ] HTML Anti-patterns (Middle)

03. Основы CSS ​

  • [ ] CSS Syntax (Новичок)
  • [ ] Selectors (Новичок)
  • [ ] Specificity (Новичок)
  • [ ] Cascade (Новичок)
  • [ ] Inheritance (Новичок)
  • [ ] Initial, Inherit, Unset и Revert (Новичок)
  • [ ] Values и Units (Новичок)
  • [ ] Custom Properties (Новичок)
  • [ ] Box Model (Новичок)
  • [ ] Normal Flow (Новичок)
  • [ ] Display (Новичок)
  • [ ] Positioning (Новичок)
  • [ ] Stacking Context (Новичок)
  • [ ] Z-index (Новичок)
  • [ ] Overflow (Новичок)
  • [ ] Containing Block (Новичок)
  • [ ] Formatting Contexts (Middle)
  • [ ] Typography (Новичок)
  • [ ] Fonts и Font Loading (Новичок)
  • [ ] Colors (Новичок)
  • [ ] Backgrounds (Новичок)
  • [ ] Borders и Outlines (Новичок)
  • [ ] Pseudo-classes (Новичок)
  • [ ] Pseudo-elements (Новичок)
  • [ ] Generated Content (Новичок)
  • [ ] Transforms (Новичок)
  • [ ] Transitions (Новичок)
  • [ ] Animations (Новичок)
  • [ ] Cascade Layers (Middle)
  • [ ] CSS Architecture Fundamentals (Middle)

04. Компоновка и адаптивность ​

  • [ ] Intrinsic и Extrinsic Sizing (Junior)
  • [ ] Block и Inline Layout (Junior)
  • [ ] Flexbox (Новичок)
  • [ ] CSS Grid (Новичок)
  • [ ] Subgrid (Junior)
  • [ ] Multi-column Layout (Junior)
  • [ ] Logical Properties (Junior)
  • [ ] Writing Modes (Junior)
  • [ ] Media Queries (Новичок)
  • [ ] Container Queries (Middle)
  • [ ] Responsive Breakpoints (Junior)
  • [ ] Mobile-first Design (Новичок)
  • [ ] Fluid Typography (Junior)
  • [ ] Fluid Spacing (Junior)
  • [ ] Aspect Ratio (Junior)
  • [ ] Object Fit и Object Position (Junior)
  • [ ] Responsive Images Layout (Junior)
  • [ ] Viewport Units (Junior)
  • [ ] Safe Areas (Junior)
  • [ ] Scroll Containers (Junior)
  • [ ] Sticky Positioning (Junior)
  • [ ] Layout Debugging (Middle)
  • [ ] Print Styles (Junior)
  • [ ] Responsive UI Patterns (Junior)

05. JavaScript ​

  • [ ] Values и Types (Новичок)
  • [ ] Type Coercion (Новичок)
  • [ ] Equality (Новичок)
  • [ ] Variables и Scope (Новичок)
  • [ ] Lexical Environment (Middle)
  • [ ] Closures (Middle)
  • [ ] В браузере и интерфейсах: Functions — раздел «JavaScript» (Новичок)
  • [ ] this (Новичок)
  • [ ] Arrow Functions (Новичок)
  • [ ] Objects (Новичок)
  • [ ] Property Descriptors (Middle)
  • [ ] Prototypes (Middle)
  • [ ] Classes (Новичок)
  • [ ] В браузере и интерфейсах: Arrays (Новичок)
  • [ ] Map и Set (Новичок)
  • [ ] Iterables и Iterators (Новичок)
  • [ ] Generators (Middle)
  • [ ] Destructuring (Новичок)
  • [ ] Rest и Spread (Новичок)
  • [ ] В браузере и интерфейсах: Modules (Новичок)
  • [ ] В браузере и интерфейсах: Error Handling — раздел «JavaScript» (Новичок)
  • [ ] Promises (Новичок)
  • [ ] Async/Await (Новичок)
  • [ ] В браузере и интерфейсах: Cancellation — раздел «JavaScript» (Новичок)
  • [ ] Regular Expressions (Новичок)
  • [ ] Dates и Time Zones (Новичок)
  • [ ] Internationalization API (Новичок)
  • [ ] Memory Management (Middle)
  • [ ] В браузере и интерфейсах: Garbage Collection (Middle)
  • [ ] Immutability (Новичок)
  • [ ] Functional Programming Basics (Новичок)
  • [ ] JavaScript Anti-patterns (Middle)

06. Среда выполнения браузера ​

  • [ ] В браузере и интерфейсах: DOM (Junior)
  • [ ] В браузере и интерфейсах: CSSOM (Junior)
  • [ ] Render Tree (Junior)
  • [ ] Style Calculation (Junior)
  • [ ] Layout (Junior)
  • [ ] Paint (Junior)
  • [ ] Compositing (Junior)
  • [ ] Event Loop (Junior)
  • [ ] Tasks и Microtasks (Junior)
  • [ ] Event Propagation (Junior)
  • [ ] Event Delegation (Junior)
  • [ ] Custom Events (Junior)
  • [ ] MutationObserver (Middle)
  • [ ] ResizeObserver (Middle)
  • [ ] IntersectionObserver (Middle)
  • [ ] Fetch API (Junior)
  • [ ] AbortController (Junior)
  • [ ] Web Storage (Junior)
  • [ ] IndexedDB (Junior)
  • [ ] В браузере и интерфейсах: Service Workers (Middle)
  • [ ] Web Workers (Middle)
  • [ ] Shared Workers (Middle)
  • [ ] BroadcastChannel (Junior)
  • [ ] Page Lifecycle (Middle)
  • [ ] Browser DevTools (Junior)

07. TypeScript ​

  • [ ] TypeScript Mental Model (Junior)
  • [ ] Type Inference (Junior)
  • [ ] Primitive и Literal Types (Junior)
  • [ ] Union и Intersection Types (Junior)
  • [ ] Narrowing (Junior)
  • [ ] Interfaces и Type Aliases (Junior)
  • [ ] В браузере и интерфейсах: Functions — раздел «TypeScript» (Новичок)
  • [ ] Generics (Junior)
  • [ ] Generic Constraints (Junior)
  • [ ] keyof и Indexed Access (Junior)
  • [ ] Mapped Types (Junior)
  • [ ] Conditional Types (Middle)
  • [ ] Template Literal Types (Middle)
  • [ ] Utility Types (Junior)
  • [ ] Discriminated Unions (Junior)
  • [ ] Type Guards (Junior)
  • [ ] unknown, never и any (Junior)
  • [ ] Structural Typing (Junior)
  • [ ] Variance (Middle)
  • [ ] Declaration Files (Junior)
  • [ ] Module Resolution (Junior)
  • [ ] Runtime Validation (Junior)
  • [ ] Type-safe API Contracts (Middle)
  • [ ] TypeScript Anti-patterns (Middle)

08. Архитектура интерфейсов ​

  • [ ] UI Architecture Drivers (Senior)
  • [ ] Component Boundaries (Middle)
  • [ ] В браузере и интерфейсах: Component Composition — раздел «Архитектура интерфейсов» (Middle)
  • [ ] Presentational и Container Components (Middle)
  • [ ] Controlled и Uncontrolled Components (Middle)
  • [ ] Smart и Dumb Components (Middle)
  • [ ] Dependency Direction (Senior)
  • [ ] Feature-based Structure (Middle)
  • [ ] Layered Frontend Architecture (Senior)
  • [ ] Modular Frontend (Senior)
  • [ ] Micro-frontends (Senior)
  • [ ] Design by Contract (Middle)
  • [ ] UI State Machines (Middle)
  • [ ] Separation of UI и Domain Logic (Middle)
  • [ ] Ports and Adapters for Frontend (Senior)
  • [ ] В браузере и интерфейсах: Dependency Injection (Middle)
  • [ ] Error Boundaries (Middle)
  • [ ] Loading и Empty States (Middle)
  • [ ] Optimistic UI (Middle)
  • [ ] Offline-first UI (Middle)
  • [ ] Internationalization Architecture (Senior)
  • [ ] Permissions in UI (Senior)
  • [ ] Frontend Configuration (Middle)
  • [ ] В браузере и интерфейсах: Feature Flags — раздел «Архитектура интерфейсов» (Middle)
  • [ ] В браузере и интерфейсах: Architecture Decision Records (Senior)
  • [ ] UI Architecture Review (Senior)

09. Фреймворки и отрисовка ​

  • [ ] Framework Mental Model (Junior)
  • [ ] Declarative UI (Junior)
  • [ ] Reactivity (Junior)
  • [ ] Virtual DOM (Junior)
  • [ ] Fine-grained Reactivity (Junior)
  • [ ] Component Lifecycle (Junior)
  • [ ] Hooks и Composables (Junior)
  • [ ] Context и Dependency Provision (Junior)
  • [ ] Client-side Rendering (Junior)
  • [ ] Server-side Rendering (Middle)
  • [ ] Static Site Generation (Junior)
  • [ ] Incremental Static Regeneration (Junior)
  • [ ] Hydration (Middle)
  • [ ] Partial Hydration (Middle)
  • [ ] Islands Architecture (Middle)
  • [ ] Streaming Rendering (Middle)
  • [ ] Server Components (Middle)
  • [ ] В браузере и интерфейсах: Routing (Junior)
  • [ ] Nested Routing (Junior)
  • [ ] В браузере и интерфейсах: Code Splitting — раздел «Фреймворки и отрисовка» (Junior)
  • [ ] Lazy Loading (Junior)
  • [ ] Suspense (Junior)
  • [ ] В браузере и интерфейсах: Error Handling — раздел «Фреймворки и отрисовка» (Новичок)
  • [ ] Head и Metadata Management (Junior)
  • [ ] React (Junior)
  • [ ] Vue (Junior)
  • [ ] Angular (Junior)
  • [ ] Choosing a Framework (Senior)

10. Состояние и данные ​

  • [ ] Types of UI State (Junior)
  • [ ] Local State (Junior)
  • [ ] Shared State (Junior)
  • [ ] Server State (Junior)
  • [ ] URL State (Новичок)
  • [ ] Form State (Junior)
  • [ ] State Normalization (Junior)
  • [ ] Derived State (Junior)
  • [ ] State Machines (Middle)
  • [ ] Event-driven State (Junior)
  • [ ] Immutable Updates (Junior)
  • [ ] Data Fetching (Junior)
  • [ ] Request Deduplication (Middle)
  • [ ] Client Cache (Middle)
  • [ ] Stale-while-revalidate (Junior)
  • [ ] Optimistic Updates (Junior)
  • [ ] В браузере и интерфейсах: Pagination (Junior)
  • [ ] Infinite Scroll (Junior)
  • [ ] Real-time Data (Junior)
  • [ ] WebSocket State (Junior)
  • [ ] Race Conditions (Junior)
  • [ ] В браузере и интерфейсах: Cancellation — раздел «Состояние и данные» (Junior)
  • [ ] Error и Retry Policy (Junior)
  • [ ] State Management Selection (Junior)

11. Формы ​

  • [ ] Form Semantics (Junior)
  • [ ] Input Types (Junior)
  • [ ] Labels и Descriptions (Junior)
  • [ ] Controlled Forms (Junior)
  • [ ] Uncontrolled Forms (Junior)
  • [ ] Client Validation (Junior)
  • [ ] Server Validation (Junior)
  • [ ] Validation Schema (Junior)
  • [ ] Error Presentation (Junior)
  • [ ] Async Validation (Junior)
  • [ ] Dependent Fields (Junior)
  • [ ] Dynamic Forms (Junior)
  • [ ] File Upload (Junior)
  • [ ] Multi-step Forms (Junior)
  • [ ] Autosave (Junior)
  • [ ] Form Accessibility (Junior)
  • [ ] Form Security (Junior)
  • [ ] Form Testing (Junior)

12. Доступность ​

  • [ ] Accessibility Mental Model (Junior)
  • [ ] WCAG Principles (Junior)
  • [ ] Semantic HTML (Junior)
  • [ ] Accessible Name (Junior)
  • [ ] Accessibility Tree (Junior)
  • [ ] Keyboard Navigation (Junior)
  • [ ] Focus Management (Junior)
  • [ ] Focus Order (Junior)
  • [ ] Skip Links (Junior)
  • [ ] Screen Readers (Junior)
  • [ ] ARIA (Junior)
  • [ ] Live Regions (Junior)
  • [ ] Accessible Forms (Junior)
  • [ ] Accessible Tables (Junior)
  • [ ] Accessible Dialogs (Junior)
  • [ ] Accessible Navigation (Junior)
  • [ ] Color Contrast (Junior)
  • [ ] Motion и Reduced Motion (Junior)
  • [ ] Touch Target Size (Junior)
  • [ ] Zoom и Reflow (Junior)
  • [ ] Inclusive Content (Junior)
  • [ ] В браузере и интерфейсах: Accessibility Testing — раздел «Доступность» (Middle)
  • [ ] Automated и Manual Audits (Junior)
  • [ ] Accessibility Governance (Junior)

13. Производительность ​

  • [ ] Frontend Performance Model (Senior)
  • [ ] Critical Rendering Path (Middle)
  • [ ] Core Web Vitals (Middle)
  • [ ] Largest Contentful Paint (Middle)
  • [ ] Interaction to Next Paint (Middle)
  • [ ] Cumulative Layout Shift (Middle)
  • [ ] Time to First Byte (Middle)
  • [ ] Resource Loading (Middle)
  • [ ] Preload, Prefetch и Preconnect (Middle)
  • [ ] JavaScript Bundle Cost (Middle)
  • [ ] Tree Shaking (Middle)
  • [ ] В браузере и интерфейсах: Code Splitting — раздел «Производительность» (Middle)
  • [ ] Image Optimization (Middle)
  • [ ] Font Optimization (Middle)
  • [ ] CSS Performance (Middle)
  • [ ] Rendering Performance (Middle)
  • [ ] Layout Thrashing (Middle)
  • [ ] Long Tasks (Middle)
  • [ ] Memory Leaks (Middle)
  • [ ] List Virtualization (Middle)
  • [ ] Web Workers for Performance (Middle)
  • [ ] Caching Strategy (Middle)
  • [ ] В браузере и интерфейсах: Performance Budgets (Senior)
  • [ ] В браузере и интерфейсах: Real User Monitoring — раздел «Производительность» (Senior)
  • [ ] В браузере и интерфейсах: Performance Profiling (Middle)
  • [ ] Performance Regression Prevention (Senior)

14. Безопасность ​

  • [ ] Frontend Threat Model (Senior)
  • [ ] Trust Boundaries in Browser (Senior)
  • [ ] В браузере и интерфейсах: Same-Origin Policy — раздел «Безопасность» (Middle)
  • [ ] Cross-Origin Resource Sharing (Middle)
  • [ ] Cross-Site Scripting (Middle)
  • [ ] DOM XSS (Middle)
  • [ ] Cross-Site Request Forgery (Middle)
  • [ ] В браузере и интерфейсах: Content Security Policy — раздел «Безопасность» (Senior)
  • [ ] Trusted Types (Middle)
  • [ ] В браузере и интерфейсах: Subresource Integrity (Middle)
  • [ ] Secure Cookies (Middle)
  • [ ] Token Storage (Middle)
  • [ ] Authentication UI (Middle)
  • [ ] Authorization и UI (Middle)
  • [ ] В браузере и интерфейсах: Open Redirect (Middle)
  • [ ] В браузере и интерфейсах: Clickjacking (Middle)
  • [ ] postMessage Security (Middle)
  • [ ] Dependency Security (Middle)
  • [ ] Supply-chain Attacks (Senior)
  • [ ] Secrets in Frontend (Middle)
  • [ ] В браузере и интерфейсах: Security Headers (Middle)
  • [ ] Frontend Security Review (Senior)

15. Тестирование ​

  • [ ] Frontend Testing Strategy (Junior)
  • [ ] Testing Pyramid (Junior)
  • [ ] В браузере и интерфейсах: Unit Testing (Junior)
  • [ ] Component Testing (Junior)
  • [ ] В браузере и интерфейсах: Integration Testing (Junior)
  • [ ] В браузере и интерфейсах: End-to-End Testing (Middle)
  • [ ] Visual Regression Testing (Middle)
  • [ ] В браузере и интерфейсах: Accessibility Testing — раздел «Тестирование» (Middle)
  • [ ] Contract Testing (Middle)
  • [ ] Mocking (Junior)
  • [ ] Stubs и Fakes (Junior)
  • [ ] Testing DOM (Junior)
  • [ ] Testing User Behavior (Junior)
  • [ ] Testing Async UI (Junior)
  • [ ] Testing Network Errors (Junior)
  • [ ] Testing State (Junior)
  • [ ] Testing Forms (Junior)
  • [ ] Testing Routing (Junior)
  • [ ] Testing SSR и Hydration (Junior)
  • [ ] Cross-browser Testing (Junior)
  • [ ] Test Data (Junior)
  • [ ] Flaky Tests (Middle)
  • [ ] Test Performance (Junior)
  • [ ] Testing Anti-patterns (Junior)

16. Инструменты и доставка ​

  • [ ] Package Managers (Junior)
  • [ ] В браузере и интерфейсах: Semantic Versioning (Junior)
  • [ ] Dependency Resolution (Junior)
  • [ ] Bundlers (Junior)
  • [ ] Transpilers (Junior)
  • [ ] Module Formats (Junior)
  • [ ] Source Maps (Middle)
  • [ ] Linting (Junior)
  • [ ] Formatting (Junior)
  • [ ] В браузере и интерфейсах: Type Checking (Junior)
  • [ ] В браузере и интерфейсах: Git Hooks (Junior)
  • [ ] Build Modes (Junior)
  • [ ] В браузере и интерфейсах: Environment Variables (Junior)
  • [ ] Asset Pipeline (Junior)
  • [ ] Bundle Analysis (Junior)
  • [ ] Monorepo (Middle)
  • [ ] CI for Frontend (Junior)
  • [ ] В браузере и интерфейсах: Preview Environments (Junior)
  • [ ] Deployment Strategies (Junior)
  • [ ] CDN Deployment (Junior)
  • [ ] В браузере и интерфейсах: Rollback (Junior)
  • [ ] Release Automation (Junior)

17. Дизайн-системы ​

  • [ ] Design System Goals (Senior)
  • [ ] Design Tokens (Senior)
  • [ ] Color System (Middle)
  • [ ] Typography System (Middle)
  • [ ] Spacing System (Middle)
  • [ ] Component API (Senior)
  • [ ] В браузере и интерфейсах: Component Composition — раздел «Дизайн-системы» (Middle)
  • [ ] Variants (Middle)
  • [ ] Theming (Middle)
  • [ ] Dark Mode (Middle)
  • [ ] Responsive Components (Middle)
  • [ ] Accessible Components (Middle)
  • [ ] Headless Components (Middle)
  • [ ] CSS Strategy (Middle)
  • [ ] Icon System (Middle)
  • [ ] В браузере и интерфейсах: Documentation (Middle)
  • [ ] Storybook (Middle)
  • [ ] Visual Regression (Middle)
  • [ ] В браузере и интерфейсах: Versioning (Senior)
  • [ ] Adoption и Migration (Senior)
  • [ ] Governance (Senior)
  • [ ] Design System Metrics (Senior)

18. Эксплуатация frontend ​

  • [ ] Frontend Observability (Senior)
  • [ ] Error Tracking (Middle)
  • [ ] Session Replay (Middle)
  • [ ] В браузере и интерфейсах: Real User Monitoring — раздел «Эксплуатация frontend» (Senior)
  • [ ] Structured Frontend Logs (Middle)
  • [ ] Correlation IDs (Middle)
  • [ ] Source Map Security (Middle)
  • [ ] В браузере и интерфейсах: Feature Flags — раздел «Эксплуатация frontend» (Middle)
  • [ ] Experimentation (Middle)
  • [ ] A/B Testing (Middle)
  • [ ] Analytics Architecture (Senior)
  • [ ] Privacy и Consent (Senior)
  • [ ] Browser Compatibility Monitoring (Middle)
  • [ ] Performance Monitoring (Middle)
  • [ ] В браузере и интерфейсах: Incident Response (Senior)
  • [ ] Frontend Runbooks (Senior)
  • [ ] В браузере и интерфейсах: Graceful Degradation (Senior)
  • [ ] Offline Resilience (Senior)
  • [ ] Deployment Safety (Senior)
  • [ ] Rollback Strategy (Senior)
  • [ ] Dependency Upgrades (Middle)
  • [ ] Frontend Platform (Senior)
  • [ ] В браузере и интерфейсах: Developer Experience (Senior)
  • [ ] В браузере и интерфейсах: Production Readiness Review (Senior)

Правила ведения ​

  1. Фундаментальная статья объясняет browser/platform mechanics, а не только framework API.
  2. UI-пример проверяется keyboard navigation, accessibility и responsive behavior.
  3. Интерактивный тест содержит scenario, misconception и data/rendering flow.
  4. В конце каждой темы указывается грейд в формате (<small>Junior</small>).
  5. Tracker проверяется командой pnpm content:validate.