Интерактивная дорожная карта знаний и навыков для специалиста техподдержки первой линии (L1). Прогресс отмечается чекбоксами, сохраняется автоматически и подгружается при следующем открытии страницы.
l1-support-roadmap/
├── index.html разметка страницы (шапка, вступление, схема сети, сайдбар, модалка)
├── style.css все стили (тема, анимации, адаптив, печать)
└── script.js вся логика (данные роадмапа, прогресс, темы, поиск и т.д.)
Просто открой index.html в браузере — сборка не нужна.
Для локальной разработки удобнее поднять любой статический сервер (чтобы fetch/относительные пути точно работали одинаково в разных браузерах), например:
Чистый HTML/CSS/JS, без сборки и зависимостей. Шрифты — IBM Plex Sans/Mono с Google Fonts (CDN).