Frontend интервью. Ильнура, первая работа сразу после учебных курсов
Разбор публичного учебного собеседования на Junior Front-end developer: путь кандидатки от обучения к первой работе и большая техническая секция с практической DOM-задачей. Ведущий подробно комментирует ответы по CSS, JavaScript, API, npm и Git.
Front-end Science with Sergey Puzankov
Открыть на YouTube- Опубликовано на YouTube:
- Просмотры на YouTube: 167,6 тыс.
- Лайки на YouTube: 4,3 тыс.
Таймлайн
Коротко о видео
Публичное учебное Front-end-интервью с Ильнурой, недавней выпускницей Яндекс Практикума, которая рассказывает об учёбе, стажировке в Online Service Group и первом месяце на оплачиваемой работе. Техническая часть охватывает CSS-вёрстку, JavaScript, DOM, асинхронность, HTTP, npm и Git; ведущий уточняет ответы и объясняет спорные моменты. В финале ведущий даёт в целом положительную оценку её прохождения и выделяет темы для дальнейшей подготовки.
Затронутые темы
Что взять на заметку
- Для CSS стоит уверенно различать class и id: id должен быть уникальным и имеет более высокую специфичность, поэтому в обычной вёрстке чаще достаточно классов.
- Нужно уметь объяснить static, relative, absolute и fixed positioning, а также применять media queries не только для screen, но и для print.
- Разберите причины FOUC и подходы к снижению эффекта: критический CSS для первого экрана можно встроить в HTML, а остальную стилизацию загрузить отдельно.
- Для removeEventListener необходимо передать ту же ссылку на обработчик, которая использовалась при addEventListener; форма объявления функции сама по себе этого не меняет.
- Повторите return в JavaScript, ссылочную семантику объектов и различие между Object.keys и Object.getOwnPropertyNames для неперечисляемых свойств.
- Задачу на пересечение двух массивов можно решить двойным обходом либо за O(n + m), сохранив элементы первого массива в объекте или Set и проверив второй.
- Перед собеседованием стоит повторить event loop, замыкания и поведение var в цикле с setTimeout, а также staging area, merge/rebase и назначение package-lock.json.