Собеседование, особенно для младшего разработчика внешнего интерфейса, может быть стрессовым — это не только первая оценка наших навыков, но и вопросы практически по любой теме — от HTML до JavaScript. Представляем список наиболее часто задаваемых вопросов, подготовленный Just Join IT, самой популярной биржой вакансий для ИТ-индустрии!
Ниже приведен список общих вопросов, которые чаще всего задают на собеседованиях с Frontend Developer:
- Над какими проектами вы работали? Как это выглядело?
- В каком направлении вы хотели бы развиваться, когда дело доходит до разработки интерфейса?
- Вы работали в команде во время проекта по программированию?
- Как вы научились программированию?
- Были ли вы на курсах программирования?
- Какие источники вы используете?
- Можете похвастаться своими проектами?
- Перечислите свои три сильные стороны.
- Чему вы научились вчера/на этой неделе?
- Что волнует или интересует вас в программировании?
- С какой последней технической проблемой вы столкнулись и как вы ее решили?
- При создании или поддержке нового веб-сайта, можете ли вы объяснить некоторые из методов, которые вы использовали для повышения производительности?
- Можете ли вы описать некоторые из лучших практик или методов SEO, которые вы использовали в последнее время?
- Можете ли вы объяснить какие-либо распространенные методы или недавно решенные проблемы безопасности внешнего интерфейса?
- Какие действия вы лично предприняли в последних проектах, чтобы сделать код более удобным для сопровождения?
- Расскажите о предпочитаемой среде разработки.
- Какие системы контроля версий вы знаете?
- Можете ли вы описать свой рабочий процесс при создании веб-сайта?
- Если у вас есть 5 разных таблиц стилей, как лучше всего интегрировать их на свой сайт?
- Можете ли вы описать разницу между прогрессивным улучшением и изящной деградацией?
- Как вы можете оптимизировать ресурсы/ресурсы вашего сайта?
- Сколько ресурсов браузер загрузит с данного домена одновременно?
- Перечислите 3 способа уменьшить загрузку страницы (воспринимаемое или фактическое время загрузки).
- Если бы вы прыгнули в проект, и там использовались табы, а вы использовали пробелы, что бы вы сделали?
- Опишите, как вы можете создать простую страницу слайд-шоу.
- Если бы вы могли освоить одну технологию в этом году, что бы это было?
- Объясните, что такое ARIA и средства чтения с экрана и как сделать веб-сайт доступным.
- Объясните некоторые преимущества и недостатки анимации CSS по сравнению с анимацией JavaScript.
- Что означает CORS и в чем проблема?
- Как вы справились с разногласиями с начальником или коллегой?
- Какие ресурсы вы используете для получения последней информации о разработке и дизайне интерфейса?
Frontend Developer - технические вопросы при подборе персонала
HTML:
- Что делает тип документа?
- Как вы обрабатываете страницу с контентом на нескольких языках?
- На что следует обратить внимание при разработке или создании многоязычных сайтов?
- Для чего нужны данные-атрибуты?
- Рассматривайте HTML5 как открытую веб-платформу. Каковы строительные блоки HTML5?
- Опишите разницу между cookie, sessionStorage и localStorage.
- Опишите разницу между <script>, <script async> и <script defer>.
- Почему рекомендуется располагать CSS <link> между <head></head> и JS <script>непосредственно перед </body>? Знаете ли вы какие-либо исключения?
- Что такое прогрессивный рендеринг?
- Зачем использовать атрибут srcset в теге изображения? Объясните процесс, который браузер использует при оценке содержимого этого атрибута.
- Использовали ли вы раньше разные языки HTML-шаблонов?
CSS:
- В чем специфика селектора CSS и как он работает?
- В чем разница между «сбросом» и «нормализацией» CSS? Какой бы вы выбрали и почему?
- Опишите поплавки и как они работают.
- Опишите z-индекс и как создать контекст стека.
- Опишите BFC (контекст блочного форматирования) и как он работает.
- Каковы различные четкие методы и какие подходят в каком контексте?
- Как вы можете подойти к решению проблем, связанных со стилями отдельных браузеров?
- Какие есть способы визуально скрыть содержимое (и сделать его доступным только для программ чтения с экрана)?
- Знакомы ли вы со стилями SVG?
- Каковы некоторые из преимуществ написания эффективного CSS?
- Каковы плюсы и минусы использования препроцессоров CSS?
- Опишите, что вам нравится и не нравится в используемых вами препроцессорах CSS.
- Как реализовать дизайн веб-сайта с использованием пользовательских шрифтов?
- Объясните, как браузер определяет, какие элементы соответствуют селектору CSS.
- Опишите псевдоэлементы и обсудите, для чего они нужны.
- Объясните, что вы подразумеваете под блочной моделью и как вы можете указать браузеру в CSS отображать ваш макет в разных блочных моделях.
- Что означает * { box-sizing: border-box; }? Каковы его преимущества?
- Что такое свойство отображения CSS и можете ли вы привести несколько примеров его использования?
- В чем разница между встроенным и встроенным блоком?
- В чем разница между селекторами «nth-of-type()» и «nth-child()»?
- Какие существующие CSS-фреймворки вы использовали локально или в продакшене? Как бы вы изменили или улучшили их?
- Вы использовали CSS Grid?
- Можете ли вы объяснить разницу между кодированием адаптивного веб-сайта и стратегией, ориентированной на мобильные устройства?
- Есть ли причина, по которой вы хотели бы использовать translate() вместо абсолютного позиционирования или наоборот? И почему?
JavaScript:
- Объясните делегирование событий.
- Объясните, как это работает в JavaScript.
- Можете ли вы привести пример одного из способов работы с этим, измененным в ES6?
- Объясните, как работает прототипическое наследование.
- В чем разница между переменной, которая является нулевой, и неопределенной?
- Как можно проверить любое из этих состояний?
- Что такое замыкание и как/зачем его использовать?
- Какие языковые конструкции вы используете для перебора свойств объекта и элементов массива?
- Можете ли вы описать основную разницу между Array.forEach() и Array.map() и почему вы выбрали тот или иной?
- Каков типичный вариант использования анонимных функций?
- В чем разница между хост-объектами и собственными объектами?
- Объясните разницу между: function Person(){}, var person = Person() и var person = new Person()?
- Объясните разницу в использовании foo между function foo() {} и var foo = function() {}
- Можете ли вы объяснить, что делают Function.call и Function.apply? Какая разница между двумя?
- Объясните Function.prototype.bind.
- Опишите захват событий.
- В чем разница между «атрибутом» и «свойством»?
- Каковы плюсы и минусы расширения встроенных объектов JavaScript?
- В чем разница между == и ===?
- Что такое строгий режим? Каковы плюсы/минусы его использования?
- Каковы плюсы и минусы написания JavaScript на языке, который компилируется в JavaScript?
- Какие инструменты и методы вы используете для отладки кода JavaScript?
- Объясните разницу между изменяемым и неизменяемым объектом.
- Приведите пример неизменяемого объекта в JavaScript.
- Каковы плюсы и минусы неизменности?
- Как добиться неизменности в собственном коде?
- Объясните разницу между синхронными и асинхронными функциями.
- Что такое цикл событий?
- В чем разница между стеком вызовов и очередью заданий?
- В чем разница между переменными, созданными с помощью let, varlub и const?
- В чем разница между конструкторами классов ES6 и конструкторами функций ES5?
- Можете ли вы предоставить пример использования нового синтаксиса функции стрелка =>? Чем она отличается от других функций?
- В чем преимущество использования синтаксиса стрелки для метода в конструкторе?
- Как определяется функция высшего порядка?
- Можете ли вы привести пример деструктуризации объекта или массива?
- Можете ли вы привести пример генерации строк с использованием литералов шаблонов ES6?
- Каковы преимущества использования синтаксиса распространения и чем он отличается от синтаксиса остальных?
- Как вы можете разделить код между файлами?
Что можно и нужно спрашивать у компании, в которую вы претендуете:
- Какие продукты они производят?
- С какими технологиями они работают?
- Каков их режим работы? Скрам, Канбан, Водопад? Как долго длятся спринты и как часто выходят релизы?
- Как выглядит средняя команда? Сколько людей там? Back-end + Front-End + PO/PM + тестировщики?
- Общее мнение о людях, оборудовании и управлении.
Наше ИТ кадровое агентство предлагает вам найти Фронтенд разработчика менее чем за 2 недели. Свяжитесь с нами сегодня, чтобы узнать больше о том, как мы можем помочь масштабировать ваш следующий проект до новых высот. Мы гарантируем поиск самого сильного, а не самого дорого кандидата. За 10 лет в подборе it специалистов, мы закрыли 5500+ вакансий и собрали 25+ команд с нуля. Убедитесь сами и ознакомьтесь с отзывами клиентов о нашем рекрутинговом агентстве! Нужно больше референсов? Напишите нам в телеграмм.