Не учебный материал — короткие ответы для освежения памяти. Сохраняй звёздочкой то, что лично тебе сложно запомнить — это твоя личная тетрадь.
Все вопросы по темам
HTML/CSS
Что такое box model?
Каждый элемент — это content + padding + border + margin. box-sizing: border-box включает padding и border в заданную width/height.
Когда flexbox, а когда grid?
Flexbox — для одномерных раскладок (в ряд или в колонку). Grid — когда нужен контроль по двум осям сразу (строки и колонки).
JavaScript
Что такое замыкание (closure)?
Функция, которая запоминает переменные из окружающей области видимости даже после того, как та область завершила выполнение.
Как работает event loop?
Синхронный код выполняется первым, затем microtasks (промисы), затем macrotasks (setTimeout и т.п.) — за один проход по очереди.
React
Зачем нужен key в списках?
Помогает React понять, какой элемент какой между рендерами, чтобы правильно обновлять/переиспользовать DOM-узлы, а не пересоздавать всё заново.