Frontend Interview - собеседования по Javascript / Html / Css
10.2K subscribers
2.09K photos
117 videos
320 files
494 links
Канал для подготовки к собеседованиям по фронтенду

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/frontendinterview

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Что делает, как и когда использовать метод map?

Метод arr.map является одним из наиболее полезных и часто используемых.
Результатом метода map всегда является новый массив с результатами выполнения функции callback на исходном массиве.

let result = arr.map(function(item, index, array) {
// возвращается новое значение вместо элемента
});
let lengths = ["Bilbo", "Gandalf", "Nazgul"].map(item => item.length);
alert(lengths); // 5,7,6
👍1
Какое значение примет result?
Anonymous Quiz
49%
true
51%
false
Дэвид Макфарланд "Большая книга CSS3"

C помощью технологии CSS3 (каскадные таблицы стилей) можно создавать уникальные, современные оформления веб-сайтов. Но даже самый опытный веб-разработчик может не знать всех приемов применения CSS3. Прочитав в этой книге множество практических примеров, а также советов, вы перейдете на новый уровень создания сайтов с помощью HTML и CSS. Вы узнаете, как разрабатывать веб-страницы, которые одинаково быстро работают и одинаково выглядят, как на ПК, так и на смартфонах и планшетах.
В книге рассмотрены следующие темы:
- написание HTML5-, CSS3-тегов, которые распознаются во всех браузерах;
- форматирование текста, добавление на страницы навигации;
- создание таблиц и форм;
- приемы веб-дизайна для создания уникального оформления сайтов;
- создание сайтов для любых устройств с помощью адаптивного дизайна.
Напишите функцию generateRange(min, max, step), которая генерирует массив чисел. Функция принимает 3 аргумента min - минимальное число, max - максимальное. step - шаг, на который увеличивается последующее число.

Пример:
generateRange(2, 10, 2)
// should return array of [2,4,6,8,10]

generateRange(1, 10, 3)
// should return array of [1,4,7,10]
Принципы ООП в Javascript

Николас Закас, автор этой книги, объяснил в ней природу объектно-ориентированного программирования уникальным способом. Эта книга помогает глубже понять такие ключевые характеристики, как наследование, функции, объекты. Книга хороша как для новичков, так и для экспертов.
Что такое web-safe шрифты и зачем они используются?

Веб-безопасные шрифты - это стили шрифтов, которые обычно предварительно установлены и доступны для просмотра на большинстве устройств - компьютерах, мобильных телефонах, смарт-телевизорах и планшетах.

Сейчас они используются как запасные шрифты, например если не загрузились основные шрифты, безопасные загружаются с устройства пользователя. Если не указать запасной безопасный шрифт, то может получиться так, что текст на разных устройствах будет выглядеть по-разному.
Какое значение примет result?
Anonymous Quiz
26%
false
40%
2
5%
0
9%
3
20%
1
Что такое CORS?

CORS (Cross-Origin Resource Sharing, совместное использование ресурсов между разными источниками) — это браузерный механизм, который позволяет предоставлять страницам доступ к ресурсам, расположенным за пределами некоего домена. Это расширяет возможности страниц и добавляет гибкости политике одинакового источника (same-origin policy).
У Боба на столе в ряд лежат камни. Каждый камень может быть красным, зеленым или синим (R, G, B). Помогите бобу найти минимальное количество камней, которое ему нужно убрать со стола, чтобы все смежные камни были разных цветов.

Примеры:
"RGBRGBRGGB" => 1
"RGGRGBBRGRR" => 3
"RRRRGGGGBBBB" => 9
Какое значение примет result в браузере?
Anonymous Quiz
10%
ReferenceError
24%
undefined
5%
true
2%
null
58%
95
Что такое промис и в каких состояниях он может пребывать?

Промисы — это объекты, которые используются в JavaScript при выполнении асинхронных операций. Они упрощают работу с асинхронными операциями и дают более удобные механизмы обработки ошибок, чем коллбэки и события.

Промис может пребывать в одном из трёх состояний:

1. Исполнено (fulfilled) — операция, связанная с промисом, завершена успешно.
2. Отклонено (rejected) — операция, связанная с промисом, завершена с ошибкой.
3. Ожидание (pending) — промис находится в состоянии ожидания, то есть, о нём нельзя сказать, что он завершён успешно или с ошибкой.
Какое занчение примет result?
Anonymous Quiz
48%
262
8%
undefined
44%
2009
Какая разница между следующими видами позиционирования элементов: относительное, фиксированное, абсолютное, статическое?

1. Относительное позиционирование — это когда элемент смещается относительно его положения, задаваемого по умолчанию.

2. Фиксированное позиционирование — это когда настраивают положение элемента, ориентируясь на края окна браузера.

3. Абсолютное позиционирование — это размещение элемента относительно ближайшего позиционированного родительского элемента, причём, именно там, где указано разработчиком.

4. Статическое позиционирование — это режим позиционирования, применяемый по умолчанию, при использовании которого элементы выводятся в том порядке, в котором они описаны в документе.
Какое значение свойства color у элемента h1?
Anonymous Quiz
3%
black
17%
green
80%
red