👉 @frontendInterview

Как преобразовать вложенный массив в простой?

Метод flat() возвращает новый массив,

 var newArray = arr.flat(depth);

в котором все элементы вложенных под массивов были рекурсивно "подняты" на указанный уровень depth.

Пример:

 const arr1 = [1, 2, [3, 4]];
 arr1.flat(); //? [1, 2, 3, 4]

 const arr2 = [1, 2, [3, 4, [5, 6]]];
 arr2.flat(); //? [1, 2, 3, 4, [5, 6]]

 const arr3 = [1, 2, [3, 4, [5, 6]]];
 arr3.flat(2); //? [1, 2, 3, 4, 5, 6]

Также существует и побочное действие, он удаляет не определенные элементы массива

Пример:
const arr4 = [1, 2, , 4, 5];
arr4.flat(); //? [1, 2, 4, 5]

👉 @frontendInterview

Software Architecture: The Hard Parts: Modern Trade-Of

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

👉 @frontendInterview

Sort rectangles and circles by area II

Вам дан массив, состоящий из длин сторон прямоугольников(массив из двух чисел) и радиусов окружностей(просто числа). Отсортируйте данный массив по площади фигур.

Пример:
const array = [ [4.23, 6.43], 1.23, 3.444, [1.342, 3.212] ]; // [ rectangle, circle, circle, rectangle ]
sortByArea(array) => [ [ 1.342, 3.212 ], 1.23, [ 4.23, 6.43 ], 3.444 ]

👉 @frontendInterview

Можно ли изменить цвет текстового курсора в input?

Свойство caret-color задаёт цвет текстового курсора в полях ввода, например, <input> или <textarea>.

Пример
Курсор в поле ввода будет красного цвета:
<label>
Красная каретка
<input class="red" type="text" placeholder="Красная каретка">
</label>

👉 @frontendInterview

👉 @frontendInterview

​Ищем будущих ЗД-визуализаторов!
зп от 2 000$!

— Можно без опыта работы!
— Не надо уметь хорошо рисовать!
— Не нужно знать специальные программы!

ВАС ВСЕМУ НАУЧАТ!

Регистрируйся на мастер-класс по 3D-РАЗРАБОТКЕ ПЕРСОНАЖЕЙ ИГР.

🔥ВСЕГО 2 ЧАСА ТВОЕГО ВРЕМЕНИ И ТЫ:
- Разберешь основы 3D-разработки
- Получишь план, как увеличить свой доход в 3-4 раза, начав работать удаленно
- Окунешься в творчество и узнаешь, как начать создавать топовых персонажей для 3D-индустрии
- Узнаешь секреты продающего портфолио и фишки эффективного поиска заказчиков на фрилансе
- Получишь пошаговый план “Как стать высокооплачиваемым 3D–специалистом в 2022""""
- Поймешь, как найти свое место в прибыльной IT-индустрии геймдева и кино

Даже если у тебя НЕТ художественных навыков и понимания IT, но ты хочешь начать зарабатывать удаленно в игровой индустрии, то этот эфир точно для тебя.

📌ВЕДУЩИЙ МАСТЕР-КЛАССА ТИМУР НАУМОВ
Сотрудничал с Crazy Panda, Mail Group, Pixonic, Paradox interactive и Trilobite Soft

РЕГИСТРИРУЙСЯ И ЗАБИРАЙ МОЩНЕЙШИЕ БОНУСЫ.
https://bit.ly/3T5lj2z

Какие бывают инструменты для тестирования и работы с API?

Наличие правильных процессов, инструментов и технических решений для автоматических тестирований API становится важным, как никогда ранее.

Insomnia - мощный клиент REST API с управлением файлами cookie, переменными среды, генерацией кода и аутентификацией для Mac, Window и Linux.

Postman - является отличным выбором API тестирования для тех, кто не желает иметь дела с кодировками в интегрированной среде разработки, используя тот же язык программирования, что и разработчик.

SoapUI - консольный инструмент, предназначенный для тестирования API и позволяющий пользователям легко тестировать API REST и SOAP, а также Web-сервисы.

Katalon Studio - бесплатный инструмент автоматического тестирования, предоставляющий общую среду для создания и выполнения UI функционала, служб API/Web и тестирования мобильных платформ.

Apigee является кросс-«облачным» средством тестирования API, позволяющим пользователям измерять и тестировать производительность API.

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Что такое псевдоклассы в CSS?

Они определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя, а также положение в дереве документа.
Псевдокласс не может существовать сам по себе. Он должен быть прикреплён к селектору.

Синтаксис выглядит следующим образом:
селектор:псевдокласс { }
Пробела между селектором и псевдоклассом нет, чтобы показать, что они связаны друг с другом.

Несколько псевдоклассов:
:hover - применяет стили, когда на целевой элемент наводится указатель мыши.

:visited - нацеливается на ссылки, которые уже были посещены.

:focus - данный псевдокласс срабатывает, когда элемент HTML получает фокус. Это особенно полезно для полей форм.

:first-child и :last-child - связаны с иерархией в HTML. Они нацеливаются на элементы HTML в зависимости от порядка, в котором они появляются в коде.

:nth-child - является глобальной версией :first-child и :last-child. С помощью :nth-child вы можете вычислить конкретный дочерний целевой элемент.

Laws of UX: Using Psychology to Design Better Products & Services

Это практическое руководство объясняет, как вы можете применять ключевые принципы психологии для создания продуктов, которые являются более интуитивными и ориентированными на человека. Автор Джон Яблонски разбирает дизайн приложений, чтобы привести наглядные примеры того, как дизайнеры UX могут создавать дизайн, адаптирующийся к тому, как пользователи воспринимают и обрабатывают цифровые интерфейсы.

👉 @frontendInterview

Lazy Repeater

Создайте функцию makeLooper(). В эту функцию передайте строку. Вызов этой функции вернет другую функцию, каждый вызов которой должен возвращать символы переданной строки по очереди.

Пример:
var abc = makeLooper('abc');
abc(); // should return 'a' on this first call
abc(); // should return 'b' on this second call
abc(); // should return 'c' on this third call
abc(); // should return 'a' again on this fourth call

👉 @frontendInterview

Array.from()

Функция Array.from() создаёт новый массив на основе переданного объекта. Объект должен быть либо массивоподобным (как строка или объект arguments), либо итерируемым (как Set или Map).

Функция Array.from() принимает три аргумента, последние два из которых не обязательны:
- Объект, на основе которого создаётся массив.
- Функция преобразования элемента перед его добавлением в массив. Работает как метод .map().
- Значение, которое будет использоваться как this в функции из второго параметра.
Возвращает новый массив, составленный из элементов переданного объекта.

Пример
const arr = Array.from('фронт')

console.log(arr)
// ['ф', 'р', 'о', 'н', 'т']

👉 @frontendInterview

👉 @frontendInterview