Сорок шесть вопросов на тему фронтенда, каждый из которых сопровождается ответом из трех предложений, одним рабочим фрагментом кода, объяснением причин, почему интервьюеры спрашивают этот вопрос, и подводными ловушками, которые возникают после правильного первого ответа.

45 страниц на размер A4, 47 на US Letter, плюс та же самая подборка в виде одного файла Markdown для чтения на телефоне и для поиска. Семь разделов, взвешенные так же, как реальные циклы прохождения интервью: ядро JavaScript (12), CSS и макет (10), DOM и браузер (8), React (10), производительность (8), сеть и безопасность (7), тестирование и инструменты (5).

Темы охватывают последовательность микрозадач, замыкания в циклах var и let, поиск по прототипу, приведение типов, последовательный versus параллельный await, дебаунс и троттлинг, суггеститивность (specificity) в CSS, контексты стэкинга, схлопывание отступов, автозаполнение против авто-подгонки, делегирование событий, затраты на переработку (reflow), ключи списка и потерянное состояние, тайминг очистки эффекта, useReducer, написанный с нуля, стоимость повторной отрисовки контекста, длительные задачи и INP, hero bytes и LCP, CLS и соотношение сторон, правила предварительной проверки CORS, отражённый против сохранённого XSS, чтение JWT без проверки, CSP, SameSite, хранение токенов, HTTP-кеширование и фиктивные таймеры.

Шестьдесят блоков кода, от 8 до 23 строк каждый, всего 857 строк. 36 выполняются под Node на этапе сборки, с напечатанным выводом, сопоставленным с ожидаемым значением (36 пройдены, 0 не пройдены). Остальные 24 требуют браузер, движок CSS или React и помечены для ручной проверки. Каждый блок заканчивается выводом, который он должен печатать.

Правила: - Переводить дескриптивные слова в названии. Оставлять токен на английском только если он является реальной торговой маркой или изобретённым брендом, опубликованной работой, или техническим форматом, таким как PDF или SVG. - Название, содержащее обычные слова, описывающее предмет (например, "Summer prints", "Instant Download"), СТРАНИЦЕ — это НЕ бренд — перевести. - Не возвращать NAME без изменений, если не выполнено условие выше. - Сохранять все HTML-теги и структуру в описании. - Оставлять технические термины в их обычной форме на целевом языке. - Сохранить тот же тон и стиль.