Вы нанимаете для своей компании или проекта и не знаете, что спросить у Frontend-разработчика?

В последнее время меня просили взять несколько интервью и знаете что? Я понял, что у меня нет вопросов. Итак, вот список, который я подготовил для себя, и он также может помочь вам в следующий раз, когда вы пойдете на собеседование.

Примечание. Эти вопросы не предназначены для поддержки какого-либо конкретного уровня карьеры, это общие вопросы. Пожалуйста, выбирайте с умом и то, что для вас имеет смысл.

Экма

Что такое подъем?

Объектно-ориентированное или функциональное программирование?

Что такое мутация?

Всплывающее событие против захвата?

Что такое полифиллы? Вы можете написать такое?

Вы предпочитаете async/await?

Что такое чистые функции? Вы заботитесь?

Можете ли вы рассказать мне о преимуществах использования TypeScript перед ванильным JavaScript?

Что такое API пользовательского времени?

Поговорим о сокращении карты и фильтре?

Реагировать

Что такое мемоизация?

Односторонняя или двусторонняя привязка данных?

Что такое Context и как он работает в React?

Компоненты без сохранения состояния или с отслеживанием состояния?

Что такое виртуальный дом?

Расскажите мне о жизненном цикле React?

Вы знаете разницу между State и Props?

Почему в последнее время React представляет хуки?

Расскажите о Redux thunk / saga и Mobx store?

Какие преимущества вы видите, выбирая SSR (рендеринг на стороне сервера) по сравнению с CSR (рендеринг на стороне клиента) в React?

WebPack

Какие бывают загрузчики?

Как настроить среду dev vs prod в Webpack?

Как работает объединение Webpack?

Что такое цепочка загрузчиков в Webpack?

Вы знаете о пресетах в Webpack?

Что такое магические комментарии?

Вы знаете о preload и prefetch в Webpack?

Можете ли вы создать плагин в Webpack?

Можете ли вы описать дрожание дерева в Webpack?

Node.js

В чем разница между файлом Package.json и файлом Package-lock.json?

Поток против программирования, управляемого событиями?

Что такое EventEmitter?

Как работает `Streams`?

Как работает обратный вызов в Node?

Что такое асинхронные шаблоны?

Что все такое глобальные объекты в Node?

Какие фреймворки вы знаете на Node.js?

Что такое мангуст и MongoDB?

Можете ли вы объяснить цепочку в Node.js?

Алгоритмы

Что такое нотация Big O?

Расскажите мне о сложности времени и пространства?

Расскажите о пузырьковой, быстрой и селективной сортировке?

Как решить, какой тип сортировки быстрее?

Расскажите о DFS vs BFS?

Что такое двоичное дерево и как оно работает?

Представление

В чем разница между http / http2 и http3?

Что такое рендеринг критического пути?

Что вы думаете о TTFB (время до первого байта)? Вы уже проанализировали свой проект?

Что вы предлагаете по оптимизации изображений? Как разные браузеры могут обслуживать любое предлагаемое решение?

Знаете ли вы разницу между «ленивой загрузкой» и «параллельной загрузкой»?

Сколько параллельных http-запросов вы можете сделать с http2 и http3?

Как работает сборка мусора в JavaScript?

Какие инструменты вы предлагаете для измерения производительности любой веб-страницы?

Вы предпочитаете mouseup мероприятию click? и почему?

Используете ли вы регулирование для тестирования различных аспектов своей веб-страницы?

Сервисные и веб-воркеры

В чем разница между сервисом и веб-воркерами?

Расскажите о жизненном цикле обслуживающего персонала?

Как работает push-уведомление?

Как зарегистрировать и отменить регистрацию обслуживающего персонала?

Как бы вы справились со случаем использования «вход пользователя / выход из системы в автономном режиме»?

Что такое веб-работники?

В чем разница между «выделенными» и «общими» работниками?

Можете ли вы объяснить тупик и ограничения работников?

Как инициировать и увольнять воркера?

Можете ли вы развернуть сервис-воркеров на веб-странице, управляемой http?

Веб-безопасность

Что такое Политика безопасности контента?

Что такое атаки XSS и CSRF?

Вы знаете, как избежать внедрения JavaScript на стороне сервера?

Как установить безопасные файлы cookie?

Как дезинфицировать пользовательские данные?

Что такое кликджекинг и как его избежать?

Что такое криптография?

Что делает https безопасным?

Что такое переполнение буфера и как с этим бороться?

Что такое атаки типа «отказ в обслуживании»?

Расскажи про OWASP?

Кеширование

Каким стратегиям кеширования вы следуете?

Что такое кеширование CDN?

Как работает кеш приложения?

Как работает кеширование браузера?

Что такое IndexDB?

Отладка

Ошибки времени выполнения или компиляции?

Как вы обрабатываете исключения в JavaScript?

Как вы справляетесь с проблемами CORS?

что такое console.trace ()?

Что такое отладка черного ящика?

Архитектура

Монолитные или микросервисные архитектуры?

Расскажите о структуре вашего текущего проекта?

Что вы хотите улучшить в текущей структуре проекта и почему?

Каковы преимущества использования https перед http?

Что такое конвейер CI / CD?

Какие все шаблоны JavaScript вы знаете?

Как работает pub / sub?

Что такое компонентная архитектура?

Что такое принципал S.O.L.I.D?

Какие лучшие практики вы используете для модульного тестирования?