Other

Question 1

Что находится в теге head ?

Answer 1

метаданные (metadata) о документе, например его заголовок, и страницы стилей.

Question 2

Что такое DOM?

Answer 2

document object model => Объектное представление html документа

Question 3

Что такое middleware?

Answer 3

Это промежуточное звено между например запросом и функцией ,которая этот запрос должна обработать
Пример (проверка ролей на сервере или авторизации пользователя)

Question 4

Что такое асимптотическая оценка сложности?

Answer 4

Это оценка скорости выполнения алгоритмов
O2(квадрат)

Question 5

О каких алгоритмах ты слышал?

Answer 5

Бинарный поиск

Question 6

Какие есть основные семантические теги

Answer 6

header
nav
article
footer - etc…

Question 7

Какие есть способы отцентровать
элемент?

Answer 7

1. flex
2. transform translte(50% 50%)

Question 8

Какие есть postition css? (5)

Answer 8

1. static
2. relative
3. absolute
4. sticky
5. fixed

Question 9

Какие есть display? (6)

Answer 9

1. block
2. inline
3. inline-block
4. none
5. flex
6. grid

Question 10

Чем scss лучше css ?

Answer 10

импорты ,вложенность и миксины (шаблоны)

Question 11

Что такое миксины scss?

Answer 11

шаблоны

Question 12

Что происходит когда мы запрашиваем веб страницу?

Answer 12

1.Браузер обращается к DNS (Domain Name System) серверу и находит реальный адрес сервера, на котором “живёт” сайт
Но перед этим браузер пытается найти эту информацию в ближайших местах, сначала проверяет историю посещений, а также к операционной системе и кэшу роутера

*DNC система работает как общая «контактная книга», хранящаяся на распределенных серверах и устройствах в интернете.

2.Браузер отправляет REST запрос (GET), чтобы получить контент сайта

3.Браузер отрисовывает страницу - сначала берет html,а потом накладывает стили

Question 13

Что делает Deffer в

?

Answer 13

Позволяет выполнить скрипт после отрисовки дома

Question 14

Что такое API?

Answer 14

Это способы и методы того, как одна программа может взаимодействовать с другой программой (Пример официант)

Question 15

Что такое Rest?

Answer 15

Набор правил как обещаться клиенту и серверу

Question 16

Что такое Rest?

Answer 16

Набор правил как обещаться клиенту и серверу

Question 17

Какие основные группы статус кодов?

Answer 17

100 - Информационные
200 - Успешные
300 - Редирект
400 - Клиентские ошибки
500 - Серверные ошибки

Question 18

Какие основные группы статус кодов?

Answer 18

100 - Информационные
200 - Успешные
300 - Редирект
400 - Клиенские ошибки
500 - Серверные ошибки

Question 19

CORS?

Answer 19

Можем разрешить или запретить доступ к разным доменам (пример с банком и волком)

Question 20

Из чего состоит HTML?

Answer 20

Из тегов ,атрибутов и метатегов
Атрибуты это доп значения элементов такие как href

Question 21

Чем отличается куки от localStoarage?

Answer 21

Куки по меньше и есть в куки можно добавить флажки ,такие как expirece data и http only
Http only позволяет получать куку только по запросам,те из js не получаится до нее достучаться

Question 22

Что такое каскад в css?

Answer 22

Определенный порядок применения стилей
Если 2 одинаковых тега ,то используется нижний

Question 23

Что такое специфичность в css?

Answer 23

Это приоритет селектора id/class/teg

Question 24

Чем отличается объект от других примитивных типов?

Answer 24

Объект ссылка

Question 25

Какой тип у Arr и Function ?

Answer 25

Obj у function через typeOf будет function ,но при более детальной проверке все равно будет Obj

Question 26

Когда использовать let ,а когда const?

Answer 26

Если я не планирую переопределять переменную ,то пишу const

Question 27

Как сверстать треугольник ?

Answer 27

width:0px;
height:0px;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;

Question 28

Как сверстать Параллелограмм

Answer 28

-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);

Question 29

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

Answer 29

.circle {
width: 100%;
aspect-ratio: 1/1;
border-radius: 50%;
}

Question 30

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

Answer 30

1 кодревью
2 из сколько человек состоит команда
3 сколько фронт енд разработчиков
4 какой стек на проекте
5 продуктовая или проектная разработка

Question 31

Что нужно сделать с функцией ,которая возвращает функцию и замыкает там переменную, чтобы она работала

Answer 31

Присвоить ее к какой-то переменной

Question 32

Написать filter и map через reduce

Answer 32

const filter = (arr, cb) => {
return arr.reduce((acc, curr) => {
const res = cb(curr);
if(res){
acc.push(curr)
}
return acc
}, []);
};

const map = (arr, cb) => {
return arr.reduce((acc, curr) => {
const res = cb(curr);
acc.push(res);
return acc;
}, []);
};

Question 33

Тротлинг это -

Answer 33

Когда действие вызываете раз в какое-то время