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
Объедините два массива с вложенностью

Задачу можно решать различными способами. Обычно хотят узнать знает ли собеседуемый такой метод как reduce.

Идея заключается в том, чтобы обойти все элементы исходного массива и его “под массивов” с целью вернуть найденные значения в новый массив. Это происходит рекурсивно пока мы не дойдём до последнего элемента.

Так же с формированием нового массива нам помогает concat.

Ответ:
const flatten = (arr) => arr.reduce((flat, toFlatten) => flat.concat(Array.isArray(toFlatten) ? flatten(toFlatten) : toFlatten), []);

👉 @frontendInterview
This media is not supported in your browser
VIEW IN TELEGRAM
Занимаетесь frontend-разработкой, но для серьёзных проектов пока не хватает навыков?

Тимлиды ВКонтакте записали топовый курс с акцентом на практику. За 5 месяцев вы научитесь делать качественные, быстрые интерфейсы, разберётесь с деплоем, CI/CD, кэшированием и серверной оптимизацией — и поймёте, как тратить на разработку меньше времени.

Результатом обучения станет готовый сервис на React + Redux с деплоем на собственном сервере. После прохождения курса вы точно будете готовы к работе над крупными проектами, а наш HR приложит максимум усилий, чтобы трудоустроить вас в хорошую компанию.

Переходите по ссылке и записывайтесь на курс до 17 июня — по промокоду FRONTERVIEW действует скидка 10%. Кстати, на сайте можно пройти бесплатную демоверсию.
Чему равен 1vmin, если ширина вьюпорта 1000px, а высота 800px.
Anonymous Quiz
21%
80px
27%
10px
41%
8px
11%
100px
Сила jаvanoscript: 68 способов эффективного использования JS

Эта книга поможет вам освоить всю мощь языка программирования jаvanoscript и научит применять его максимально эффективно. Автор описывает внутреннюю работу языка на понятных практических примерах, которые помогут как начинающим программистам, так и опытным разработчикам повысить уровень понимания jаvanoscript и существенно обогатить опыт его применения в своей работе.

👉 @frontendInterview
The takeWhile Function

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

Пример:
function isEven(num) {
return num % 2 === 0;
}
var seq = [2,4,6,8,1,2,5,4,3,2];

takeWhile(seq, isEven) // -> [2,4,6,8]


👉 @frontendInterview
В чем смысл оборачивания всего содержимого JavaScript-файла в функцию?

Этот шаблон называется IIFE - Immediately Invoked Function Expression (немедленно вызываемое функциональное выражение). Этот подход позволяет:

- обеспечить коду собственный блок видимости, то-есть контекст выполнения

- избежать загрязнения глобальной области видимости глобальными переменными

- избежать неумышленного переопределения уже существующих переменных в глобальной области видимости

👉 @frontendInterview
Каково значение свойства display у HTML элемента noscript?
Anonymous Quiz
17%
initial
6%
inline-block
50%
none
18%
block
9%
inline
В чем смысл и польза указания use strict в начале JavaScript-файла?

Команда use strict включает так называемый строгий режим. В этом режиме предупреждения становятся ошибками, что помогает в написании более чистого и безопасного кода, менее уязвимого к ошибкам в продакшене.

👉 @frontendInterview
Как можно задать стили только первым двум элементам li?
Anonymous Quiz
3%
li:last-child + li
60%
li:nth-child(-n+2)
37%
li:first-child+li
Как можно клонировать объект в JS?

Можно использовать оператор rest (...)
Можно использовать Object.assign(newObj, oldObj).

Но эти подходы не позволяют выполнить глубокое клонирование. Поэтому, если нам нужно клонировать объект со вложенными объектами, мы можем использовать либо метод какой-либо библиотеки (привет, lodash), либо сделать это средствами встроенного объекта JSON.
JSON.parse(JSON.stringify(objectToClone))


👉 @frontendInterview
Функциональное программирование на jаvanoscript.

В сложных веб-приложениях низкоуровневые детали jаvanoscript-кода могут затруднить анализ программы и повлиять на работоспособность системы в целом.

👉 @frontendInterview
Removing Elements

Создайте функцию, которая удалит каждый второй элемент в массиве.
Пример:
["Keep", "Remove", "Keep", "Remove", "Keep", ...]
//Результат: ["Keep", "Keep", "Keep", ...]


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

Для этого можно использовать рекурсию.

👉 @frontendInterview
Какую git команду нужно использовать, чтобы посмотреть состояния файлов в рабочей директории и индексе
Anonymous Quiz
10%
git log
5%
git config
81%
git status
5%
git diff