Front-end. Вопросы на собеседовании

Репозитории видеокаста, содержит коллекцию вопросов, которые можно получить на техническом собеседовании на вакансию Junior/Middle Front-end разработчик. Плейлист будет интересен не только кандидатам, так как поможет быстро подготовиться к интервью, повторив все необходиые темы. Но так же и техническим специалистам, которые проводят интервью, поскольку содержит большой сборник вопросов по всем основным блокам. Все вопросы сформулированы максимально коректно, что бы не запутать кандидата. А ответы подробны и максимально лаконичны, что бы не тратить много времени на подготовку.

🚀 Ещё больше полезной информации можно найти на YouTube канале

Поддержать канал:

---

HTML:

• Что такое doctype? И для чего он используется?
• Опишите базовую структуру HTML-страницы?
• Что такое семантика? Какие семантичные тэги вы знаете?
• Какая разница между тэгами <strong><em> и <b><i>?
• Что такое валидация? И какие типы проверок HTML документа вы знаете?
• Какой тэг использовать для того, что бы сверстать кнопку?
• Что такое инлайновый стиль? Можно ли его переопределить?
• Есть ли у HTML элементов свои дефолтные специфичные стили?
• Для какого тэга используется атрибут alt и зачем он нужен?
• Типы списков в HTML?
• Как семантически правильно сверстать картинку с подписью?
• Что такое HTML и для чего он используется?
• Типы input элементов в HTML?
• Что такое элемент canvas? И для чего он используется?
• Для чего используют data-атрибуты?
• Разница между <script>, <script async> и <script defer>?
• Для чего используется элемент datalist?

---

CSS:

• Что такое CSS? И для чего он используется?
• Варианты добавление CSS стилей на страницу?
• Типы позиционирования в CSS?
• Блочная модель CSS?
• Что такое селектор? И какие селекторы существуют?
• Что такое специфичность селектора? Как считать вес селектора?
• Разница между Reset.css и Normalize.css?
• Разница между margin и padding?
• Разница между display: none и visibility: hidden?
• Разница между блочным и строчным (инлайновым) элементами?
• Разница между адаптивным (adaptive) и отзывчивым (responsive) дизайнами?
• Что такое CSS-правило?
• Разница между классом и идентификатором в CSS?
• Что такое CSS спрайт? И для чего он используется?
• Что такое вендорные префиксы? И для чего они используются?
• Разница между Progressive Enhancement и Graceful Degradation?
• Что такое псевдоэлементы? И для чего они используются?

---

JavaScript:

• Типы данных в JavaScript?
• Разница между == и === (нестрогое/строгое равенство)?
• Что такое Strict mode в JavaScript?
• Разница между function declaration и function expression?
• Разница между null и undefined?
• Что такое Hoisting (поднятие)?
• Операторы «И» и «ИЛИ» (&& и ||)?
• Типы таймеров в JavaScript?
• Что такое область видимости (Scope)?
• Разница между let, const и var?
• Что такое функции высшего порядка (Higher Order Functions)?
• Как превратить любой тип данных в булевый? Перечислите ложные значения в JS?
• Методы строк в JavaScript?
• Методы массивов в JavaScript?
• Что такое чистая функция?
• Разница между .forEach и .map()?
• Что обозначает this в JavaScript?
• Разница между .call(), .apply() и bind()?
• Почему в JS функции называют объектами первого класса?

---

JS DOM:

• Что такое DOM?
• Что такое распространение события (Event Propagation)?
• Что такое делегирование событий (Event Delegation)?
• Разница между e.preventDefault() и e.stopPropagation()?
• Методы поиска элементов в DOM?

---

Практические задачи:

• Функция проверки палиндрома?
• Функция поиска самого короткого слова?
• Функция создания инициалов?
• Функция суммирования всех цифр числа?
• Функция поиска минимального и максимального значений в массиве?