Собеседование на Junior Frontend разработчика. Стажер фронтендер 19 лет из EPAM

Коротко о видео

Публичное тестовое собеседование Владимира на позицию Junior Front-end-разработчика: он рассказывает о самостоятельном обучении, фриланс-вёрстке и текущей стажировке. Интервьюер проверяет базу по CSS и JavaScript, предлагает практические задачи на вёрстку, работу с массивами и событиями, а затем даёт развёрнутую обратную связь. Среди ключевых тем — специфичность CSS, схлопывание margin, контекст this, функции, делегирование событий, хранилища браузера и отладка незнакомого кода.

Затронутые темы

Что взять на заметку

• Повторить каскад CSS: при одинаковой специфичности побеждает правило, расположенное ниже, а порядок классов в HTML сам по себе не определяет итоговый стиль.
• Явно задавать width и height контентным изображениям, чтобы браузер резервировал место до загрузки и страница не смещалась.
• Закрепить различия block, inline и inline-block, сокращённую запись margin/padding, схлопывание вертикальных margin и причины пробелов между inline-block-элементами; для горизонтального меню предпочтителен Flexbox.
• Разобрать this в обычных функциях и строгом режиме, а также call, apply и bind, включая сохранение аргументов при bind.
• Для проверки массива использовать Array.isArray(), а для динамических списков — делегирование событий на родительском элементе с проверкой event.target.
• Практиковать чтение и отладку незнакомого проекта: прослеживать связанные функции и состояния, искать несоответствия имён и опечатки, а не ограничиваться местом проявления бага.