Frontend Interview - собеседования по Javanoscript / Html / Css – Telegram
Frontend Interview - собеседования по Javanoscript / Html / Css
11.4K subscribers
2.1K photos
118 videos
319 files
530 links
Канал для подготовки к собеседованиям по фронтенду

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

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

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Динамическая генерация цвета

Создайте функцию, которая будет генерировать цвет в hex формате.

Примеры:
#ffffff
#25a403
#000001


👉 @frontendInterview
Getting MEAN with Mongo, Express, Angular, and Node (2019)

Книга научит вас разрабатывать веб-приложения, используя стек MEAN. Во время чтения в начале вы сделаете статический сайт при помощи Express и Node, далее интегрируете базу данных MongoDB, создадите API и добавите систему аутентификации. Попутно вы получите бесчисленное множество профессиональных советов по созданию качественных веб-приложений.

👉 @frontendInterview
Как найти сумму элементов массива, если вложенность массива неизвестна?

Для этого можно использовать рекурсию.
function arraySum(arr) {
let sum = 0;
arr.map((item) => {
if (Array.isArray(item)) {
sum += arraySum(item);
} else {
sum += item;
}
});
return sum;
}
console.log(arraySum([[1, 2, [3, 4]], [9], [10, 12]]));


👉 @frontendInterview
Перечислите специальные числовые значения в JS.

В JavaScript имеется предопределённая глобальная переменная Infinity. Она хранит специальное значение обозначающее бесконечность – Infinity. Эта переменная доступна только для чтения.

Значение Infinity можно получить:

1. В результате деления числа на 0.
2. Если результат вычислений, не попадает в допустимый диапазон чисел JavaScript.
3. Любое отрицательное число, которое не может быть представлено, считается отрицательной бесконечностью (-Infinity), а положительное – положительной бесконечностью (Infinity).
alert(123 / 0); // Infinity
alert(-12345 / 0); // -Infinity
alert(1e500); // Infinity
alert(1 - 1e500); // -Infinity

Также, в JavaScript имеется предопределённая глобальная переменная NaN. Она хранит специальное значение NaN. Эта переменная доступна только для чтения.

Значение NaN используется для обозначения математической ошибки, которая возникает в том случае, если математическая операция не может быть совершена:
var a = 10, b = "текст";
document.write(a - b); // Операнд не может быть преобразован в число
document.write(0 / 0); // Деление нуля на нуль


👉 @frontendInterview
Через дорогу

Вдоль дороги, слева и справа стоят дома. Известно, по какому принципу они нумеруются. С левой стороны находятся нечетные по возрастанию. С правой - четные по убыванию.
1| |6
3| |4
5| |2

Ваша задача, по заданному номеру дома и длине улицы определить номер дома напротив.
Примеры:
overTheRoad(address, n)
overTheRoad(1, 3) = 6
overTheRoad(3, 3) = 4
overTheRoad(2, 3) = 5
overTheRoad(3, 5) = 8


👉 @frontendInterview
Какое значение line-height у элемента div?
Anonymous Quiz
60%
10px
5%
60px
23%
90px
13%
15px
Какое предназначение файла package-lock.json?

package-lock.json автоматически создается для любых операций, когда npm изменяет дерево node modules или package.json. Он описывает точное дерево, которое было сгенерировано, так что последующие установки могут генерировать идентичные деревья, независимо от промежуточных обновлений зависимостей.

👉 @frontendInterview
Какое значение примет result?
Anonymous Quiz
21%
false
52%
SyntaxError
26%
true
Что такое запросы между источниками и CDN?

Запросы из разных источников, отправленные в другой домен (даже субдомен), протокол или порт требуют специальных заголовков с удаленной стороны. Эта политика называется «CORS»: совместное использование ресурсов между источниками.

CDN (сеть доставки контента) – это группа серверов, расположенных во многих местах. Эти серверы хранят дублированные копии данных, чтобы серверы могли выполнять запросы данных в зависимости от того, какие серверы находятся ближе всего к соответствующим конечным пользователям. CDN обеспечивают быстрое обслуживание и меньше подвержены влиянию высокого трафика.

👉 @frontendInterview
Что такое именованная функция в JavaScript и как ее определить?

Named Function Expression или NFE – это термин для Function Expression, у которого есть имя.

Например, давайте объявим Function Expression:
 let sayHi = function(who) {
alert(`Hello, ${who}`);
};
И присвоим ему имя:
 let sayHi = function func(who) {
alert(`Hello, ${who}`);
};
Чего мы здесь достигли? Какова цель этого дополнительного имени func?

Для начала заметим, что функция всё ещё задана как Function Expression. Добавление "func" после function не превращает объявление в Function Declaration, потому что оно все ещё является частью выражения присваивания.

Добавление такого имени ничего не ломает.

Функция все ещё доступна как sayHi():

 let sayHi = function func(who) {
alert(`Hello, ${who}`);
};

sayHi("John"); // Hello, John
Есть две важные особенности имени func, ради которого оно даётся:

1. Оно позволяет функции ссылаться на себя же.
2. Оно не доступно за пределами функции.
Какое значение примет result?
Anonymous Quiz
71%
true
29%
false
Getting Started with React VR

Эта книга является практическим руководством по разработке VR-приложений, используя React VR, с основным упором на браузеры. В ней описывается процесс создания 3D-графики с использованием Three.js, а также работа с библиотекой ReactVR для создания реалистичных объектов в виртуальной реальности. К концу чтения книги вы получите глубокие знания работы с виртуальной реальностью и полноценное рабочее VR-приложение.

👉 @frontendInterview