Что нового

Здесь собраны изменения курса Northstar: уроки, тренажёр и интерфейс. Формат — Keep a Changelog.

Номер версии устроен как в semver, но по меркам курса:

• мажорная — меняются адреса или идентификаторы уроков; сохранённые правки в редакторе привязаны к уроку и могут потеряться;
• минорная — новые уроки, части и возможности тренажёра;
• патч — правки текста, оформления и исправления.

[Не выпущено]

Добавлено

• Урок 08/rebranding/contrast-lint: линтер Terrazzo проверяет при сборке контраст текста на фоне во всех трёх темах.
• Сайт партнёра в уроке 04/partner/partner-switch: та же форма рядом с Northstar, но с data-theme="partner". Дальше курс работает только с Northstar, у которого переключатель светлой и тёмной темы.
• Три урока вместо одного «Заводим остальные токены формы»: шкала размеров, роли панели и полей, составные токены. В курсе 82 урока.
• Урок 02/02/link-hover: цвет ссылки при наведении отдельным шагом после подключения палитры.
• Реплики дизайнера в уроках тёмной темы: светлый синий на тёмном фоне, фон и карточка, контраст надписи на кнопке.
• В уроке 05/json-file/json-typography текстовые стили переносятся вместе с Мариной: пять параметров стиля из Figma и один шрифт на все стили.
• Сборщики токенов выбираются как задача от Василия: собрать tokens.json через Style Dictionary и Terrazzo, сравнить и оставить один. 05/token-builders/vite-plugin — сомнения и таблица сравнения, новый урок 05/token-builders/choose-terrazzo — выбор Terrazzo, новый урок 05/token-builders/drop-style-dictionary — удаление конфига Style Dictionary.
• Панель поиска в редакторе: Ctrl/Cmd+F, а урок может открыть её с готовым запросом. В 01/color-in-css поиск #1a73e8 открывается сам.
• Новая карточка проверки понимания: варианты A/B/C, неверный ответ можно исправить, после верного — «Пройти ещё раз». Цвета берутся из темы, блок одинаково читается в светлой и тёмной теме.
• В уроке 05/json-file/json-dimensions — какие типы токенов бывают в DTCG, а Василий объясняет Марине, зачем размеру тип и объект вместо числа.

Изменено

• Основной сборщик токенов с части 06 — Terrazzo, Style Dictionary из проекта удалён. Превью показывает в DevTools те же ссылки var(), что и редактор; урок 08/kit-sync/devtools-chain и ошибки битых ссылок в части 08 переписаны под Terrazzo.
• Текст всех уроков разбит на короткие абзацы, списки, таблицы и подзаголовки.
• Прогресс в уроке считается по части, а не по всему курсу.
• Код в тексте переносится только по пробелам и не рвётся на дефисе внутри имени токена.
• Иконки в интерфейсе урока — набор Phosphor вместо текстовых символов вроде ← ☷ ⌘: файлы, панели редактора, навигация, переключатель темы, чат и квиз.

Исправлено

• Ошибка в tokens.json больше не роняет превью: сборка токенов выводит ошибку в терминал, а превью остаётся на прошлых токенах.
• Нет предупреждения React о расхождении счётчика запусков между сервером и браузером.
• Terrazzo запускается в превью: тренажёр заранее ставит wasm-сборку rolldown с совместимой версией @emnapi, без неё tz build в браузере падал.
• Подсказка со значением есть у каждой CSS-переменной: ссылки из styles.css на роли из tokens.css раньше оставались без неё. Роль темы показывает значение в каждой теме.
• Составные значения вроде var(--space-5) var(--space-6) в подсказке раскрываются целиком.

Удалено

• Кнопка «Показать пример предлагаемой замены» и весь механизм предложений.

1.0.0 — 2026-10-29

Первая полная версия курса: 9 частей и 76 уроков, от цвета, записанного прямо в CSS, до ребрендинга в фиолетовый.

Курс

• Сквозной сюжет команды Northstar: Марина, Илья, Василий и Олег; ребрендинг объявлен в первом уроке и закрывается в части 08.
• Части о темах, JSON-токенах в формате DTCG, сборке через Style Dictionary и Terrazzo, UI-китах Mantine и Ant Design.
• Уроки о каталоге токенов, переименовании и удалении, экспорте из Figma и отладке в DevTools.
• Схемы уровней, тем, сборки, отладки и источника правды прямо в тексте уроков.
• Пошаговый разбор кода, выноски и переходы «было → стало» на Code Hike.

Тренажёр

• Редактор CodeMirror и запуск проекта в браузере через WebContainer, без установки Node.js.
• Подсветка изменённых строк, подсказки со значениями токенов, подсветка кода в редакторе по наведению на текст урока.
• Правки в редакторе сохраняются, к уроку можно вернуться позже.

Интерфейс

• Главная страница с каталогом частей, светлая и тёмная тема, мобильное переключение между кодом и результатом.
• Анимации GSAP в тренажёре, квизах и навигации.

История до 1.0.0

• 2026-10-22 — курс на TutorialKit: доступность, подсветка кода в уроках.
• 2026-10-24 — переезд на Astro 7 и WebContainer, Oxfmt и Oxlint вместо Prettier.
• 2026-10-25 — новый каталог, адреса уроков от корня сайта, баланс редактора и превью.
• 2026-10-27 — Code Hike, подсказки токенов, редакторская вычитка.