Какие бывают инструменты для тестирования и работы с 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

Что такое композиция в JavaScript?

Композиция - это сердце и душа функционального программирования. Например, у нас есть функция a, которая принимает x и возвращает х + 2. Также есть функция b, которая также принимает x и возвращает х 3:

 const a = x => x + 2;
 const b = x => x * 3;

Композиция - это акт объединения этих функций, в следствии которого выходные данные одной функции становятся входными данными следующей. Мы можем увидеть это, вложив их вместе. Начнем с нашей функции a, вложим в неё нашу функцию b и передадим ей значение (аргумент) 5. В консоли мы увидим 17, что имеет смысл, так как 5 * 3 = 15, а 15 - входное значение для функции a, 15 + 2 = 17.

console.log(a(b(5))); // 17

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Что такое SSL-сертификат?

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

SSL-сертификат — это набор информации в бумажном или электронном виде, состоящий из:

- Открытого криптографического ключа.
- Информации о владельце ключа.
- Области применения ключа.
- Подписи специальной организации или человека, которые могут подтвердить принадлежность ключа его владельцу.

SSL-сертификат — это открытый ключ, способ применения которого имеет юридическую силу и право владения которым подтверждается авторизованным провайдером. Применяются сертификаты в рамках протокола SSL на этапе формирования сеанса передачи данных.

👉 @frontendInterview

Структуры данных и алгоритмы. Классическое издание

В этой книге описаны структуры данных и алгоритмы, которые являются фундаментом современного компьютерного программирования. Основу данной книги составляют первые шесть глав нашей ранее изданной книги The Design and Analysis of Computer Algorithms. Мы расширили ее содержание, включив материал по алгоритмам внешнего хранения и управлению памятью.

👉 @frontendInterview