Репозитории видеокаста, содержит коллекцию вопросов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик. Плейлист будет интересен не только кандидатам, так как поможет быстро подготовиться к интервью, повторив все необходиые темы. Но так же и техническим специалистам, которые проводят интервью, поскольку содержит большой сборник вопросов по всем основным блокам. Все вопросы сформулированы максимально коректно, что бы не запутать кандидата. А ответы подробны и максимально лаконичны, что бы не тратить много времени на подготовку.
🚀 Ещё больше полезной информации можно найти на YouTube канале
Не забудь щёлкнуть ⭐, если тебе нравится проект!
- Что такое прогрессивный рендеринг?
- Разница между адаптивным (adaptive) и отзывчивым (responsive) дизайнами?
- Разница между Progressive Enhancement и Graceful Degradation?
- Что такое кроссбраузерность?
- Что такое HTTP?
- Из чего состоит HTTP-запрос?
- Какие методы может иметь HTTP-запрос?
- Что такое HTTP cookie? Для чего они используются?
- Основные принципы ООП?
- Что такое SOLID?
- Что такое Babel? Для чего он используется?
- Разница между feature detection, feature inference и анализом строки user-agent?
- Что такое статический метод класса (
static)? Как осуществляется его вызов? - Что такое Веб-компоненты и какие технологии в них используются?
- Что такое CORS?
- Разница между
cookie,sessionStorageиlocalStorage? - Способы уменьшения времени загрузки веб-страницы?
- Особенности разработки мультиязычных сайтов?
- Что такое Flash Of Unstyled Content (FOUC)? Как его избежать?
- Разница между layout, painting и compositing?
- Что такое
WebSocket? В чем принцип его работы?
- Что такое HTML и для чего он используется?
- Что такое doctype? И для чего он используется?
- Опишите базовую структуру HTML-страницы?
- Что такое семантика? Какие семантичные тэги вы знаете?
- Как семантически правильно сверстать картинку с подписью?
- Для какого тэга используется атрибут
altи зачем он нужен? - Какая разница между тэгами
<strong><em>и<b><i>? - Что такое валидация? И какие типы проверок HTML документа вы знаете?
- Какой тэг использовать для того, что бы сверстать кнопку?
- Что такое инлайновый стиль? Можно ли его переопределить?
- Есть ли у HTML элементов свои дефолтные специфичные стили?
- Типы списков в HTML?
- Типы
inputэлементов в HTML? - Что такое элемент
canvas? И для чего он используется? - Для чего используют
data-атрибуты? - Разница между
<script>,<script async>и<script defer>? - Для чего используется элемент
datalist? - Почему хорошей практикой считается располагать
<link>для подключения CSS стилей внутри тэга<head>, а<script>для подключения JS ставить перед закрывающимся тэгом</body>? - Основные этапы проверок валидности HTML-документа?
- Если представить HTML5 как открытую веб-платформу, из каких блоков он состоит?
- Что такое CSS? И для чего он используется?
- Что такое CSS-правило?
- Варианты добавление CSS стилей на страницу?
- Типы позиционирования в CSS?
- Блочная модель CSS?
- Что такое селектор? И какие селекторы существуют?
- Что такое специфичность селектора? Как считать вес селектора?
- Разница между Reset.css и Normalize.css?
- Разница между
marginиpadding? - Разница между
display: noneиvisibility: hidden? - Разница между блочным и строчным (инлайновым) элементами?
- Разница между классом и идентификатором в CSS?
- Что такое CSS спрайт? И для чего он используется?
- Что такое вендорные префиксы? И для чего они используются?
- Что такое псевдоэлементы? И для чего они используются?
- Что такое схлопывание границ (margin collapsing)?
- Что такое CSS препроцессор?
- Типы данных в JavaScript?
- Разница между
==и===(нестрогое/строгое равенство)? - Что такое Strict mode в JavaScript?
- Разница между function declaration и function expression?
- Разница между
nullиundefined? - Операторы «И» и «ИЛИ» (
&&и||)? - Типы таймеров в JavaScript?
- Что такое поднятие (Hoisting)?
- Что такое область видимости (Scope)?
- Что такое замыкание (Closure)?
- Что обозначает
thisв JavaScript? - Что такое функции высшего порядка (Higher Order Functions)?
- Как превратить любой тип данных в булевый? Перечислите ложные значения в JS?
- Методы строк в JavaScript?
- Методы массивов в JavaScript?
- Что такое чистая функция?
- Разница между
.forEachи.map()? - Разница между
.call(),.apply()иbind()? - Почему в JS функции называют объектами первого класса?
- Как определить наличие свойства в объекте?
- Что такое IIFE?
- Что такое псевдомассив
arguments? - Разница между host-объектами и нативными объектами?
- Почему результат сравнения 2х объектов это
false? - Что такое прототипное наследование? Как создать объект без прототипа?
- Почему расширение нативных JavaScript-объектов это плохая практика
- Что такое
NaN? Как определить, что значение равноNaN? - Что такое объектная обертка (Wrapper Objects)?
- Как в JavaScript создать объект?
- Для чего используется ключевое слово
new? - Для чего используется оператор
!!(двойного отрицания)? - Как проверить, является ли значение массивом?
- Для чего используется оператор
%(остатка)? - Как работает boxing/unboxing в JavaScript?
- Что такое мемоизация? Реализуйте базовую логику функции для мемоизации?
- Разница между оператором
inи методомhasOwnProperty? - Разница между глубокой (deep) и поверхностной (shallow) копиями объекта? Как сделать каждую из них?
- Что такое цепочка вызовов функций (chaining)? Как реализовать такой подход?
- Что такое необъявленная переменная?
- Как передаются параметры в функцию: по ссылке или по значению?
- Что такое прототип объекта в JavaScript?
- Что такое DOM?
- Что такое распространение события (Event Propagation)?
- Что такое делегирование событий (Event Delegation)?
- Разница между
e.preventDefault()иe.stopPropagation()? - Методы поиска элементов в DOM?
- Разница между
event.targetиevent.currentTarget? - Разница между
.stopPropagation()и.stopImmediatePropagation()? - Разница между событиями
loadиDOMContentLoaded? - Разница между attribute и property у DOM-элементов?
- Разница между HTMLCollection и NodeList?
- Как динамически добавить элемент на HTML-страницу?
- Типы узлов DOM-дерева?
- Свойства для перемещения по DOM-дереву?
- Виды событий в JavaScript?
- Как добавить обработчик события на DOM-элемент?
- Как удалить обработчик события с DOM-элемента?
- Сколько аргументов принимает
addEventListener?
- Разница между синхронными и асинхронными функциями?
- Что такое AJAX?
- Что такое same-origin policy в контексте JavaScript?
- Что такое цикл событий (event loop) и как он работает?
- Что такое промисы (Promises)?
- Плюсы и минусы использовании Ajax?
- Подходы при работе с асинхронным кодом?
- Преимущества использовании промисов вместо колбэков?
- Что такое ECMAScript? В чём отличие от JavaScript?
- Разница между
let,constиvar? - Можно ли изменить значение определённое через
const? - Что такое временная мёртвая зона (temporal dead zone)?
- Разница между Rest и Spread операторами?
- Что такое деструктуризация?
- Для чего используется цикл
for…of? - Что такое шаблонные литералы (Template Literals)?
- Что такое
Set,Map,WeakMapиWeakSet? - Разница между обычными функциями и стрелочными?
- Разница между методом
Object.freeze()иconst? - Что такое генераторы? Когда стоит использовать генераторы?
- Что такое React?
- Перечислите особенности React?
- Что такое Virtual DOM? Как он работает с React?
- Для чего нужен атрибут
keyпри рендере списков? - Что такое
PureComponent? - Что такое Компонент высшего порядка (Higher-Order Component / HOC)?
- Разница между управляемыми (controlled) и не управляемыми (uncontrolled) компонентами?
- Методы жизненного цикла компонента в React?
- Стадии жизненного цикла компонента в React?
- Что такое React Reconciliation?
- Что такое портал (
Portal)? - Что такое контекст (
Context)? - Что такое React хуки (Hooks)?
- Что Такое
JSX? - Разница между состоянием(
state) и пропсами(props)? - Что такое React Fiber?
- Что такое фрагмент (
Fragment)? Почему фрагмент лучше, чемdiv? - Что такое синтетические события в React?
- Что такое React-ссылка (Ref)? Как создать ссылку?
- Разница между теневым (Shadow) и виртуальным (Virtual) DOM?
- Назовите преимущества использования React?
- Что такое условный рендеринг (Conditional Rendering)? Как его выполнить?
- Что такое компонент-переключатель (Switching Component)?
- Разница между
ReactиReactDOM? - Разница между компонентом и контейнером?
- Как React обрабатывает, или ограничивает использование пропсов определенного типа?
- Что такое «бурение пропсов» (Prop Drilling)? Как его избежать?
- Что такое строгий режим в React? Его преимущества?
- Что такое «опрос» (Polling)? Как его реализовать в React?
- Разница между элементом и компонентом?
- Что такое
ReactDOMServer?
- Функция проверки палиндрома?
- Функция поиска самого короткого слова?
- Функция создания инициалов?
- Функция суммирования всех цифр числа?
- Функция поиска минимального и максимального значений в массиве?
- Функция создания набора дубликатов символов строки?
- Функция возврата индексов заглавных букв строки?
- Функция вывода чисел от 1 до n (n - передаваемый аргумент)
- Функция возврата уникальных значений из нескольких массивов?
- Функция форматирования цифр в телефонный номер?
- Функция поиска гласных букв в строке?
- Функция трансформации букв в заглавный регистр?