👉 @frontendInterview

Что такое Fake в unit тестировании?

Fake — это объект, имеющий рабочую реализацию, но не такой, как у настоящих рабочих объектов. Обычно он представляет собой упрощённую версию реального объекта.

В качестве примера может быть реализация в оперативной памяти объектов доступа к данным (Data Access Object) или репозиторию (Repository). Реализация поддельных объектов не будет привлекать базу данных, но будет использовать простую коллекцию для хранения данных. Это позволяет нам выполнять интеграционный тест сервисов без участия базы данных и выполнения тем самым трудоёмких запросов.

👉 @frontendInterview

👉 @frontendInterview

Что такое Stub в unit тестировании?

Stub — объект, содержащий предопределённые данные и использует их для ответа на вызовы во время тестов. Она используется, когда мы не можем или не хотим привлекать объекты, которые бы отвечали реальными данными или имели бы нежелательные побочные эффекты.

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

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

JavaScript в примерах и задачах

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

👉 @frontendInterview

First non-repeating character

Создайте функцию, которая принимает строку и возвращает первый символ, который ни разу не повторяется в этой строке.

Примеры:
'stress' => 't'
'sTreSS' => 'T'

👉 @frontendInterview

Зачем нужен HTML атрибут hidden?

Свойство Element.hidden позволяет узнать значение HTML-атрибута hidden или изменить его. Когда Element.hidden равен true, элемент скрыт на странице и недоступен для скринридеров.

Обращение к свойству Element.hidden вернёт текущее значение HTML-атрибута hidden. Если атрибута нет на элементе, результат будет false.
<input type="text" placeholder="Введите почту">
<div class="error" hidden>Неправильная почта</div>

👉 @frontendInterview

Расскажите про статический метод Promise.allSettled

Метод allSettled() — это один из статических методов объекта Promise. Его используют, когда нужно запустить несколько промисов параллельно и дождаться их выполнения.

Promise.allSettled() очень похож на метод Promise.all(), но работает немного по-другому. В отличие от Promise.all(), Promise.allSettled() ждёт выполнения всех промисов, при этом неважно, завершились они успешно или с ошибкой.

👉 @frontendInterview

👉 @frontendInterview

Как стилизовать задизейбленный HTML элемент?

:disabled и :enabled легко применяются к любым элементам, которым можно задать атрибут disabled: <button>, <command>, <fieldset>, <keygen>, <optgroup>, <option>, <select>, <textarea> и <input>.

Часто требуется, чтобы на кнопку отправки формы нельзя было нажать, пока не заполнены все поля этой формы. Проще всего заблокировать кнопку атрибутом disabled. Его проставляют, как правило, при помощи JavaScript. Но недостаточно просто указать его в HTML, нужно ещё и при помощи оформления показать пользователю, что кнопка не активна. Как раз для этого нам пригодится псевдокласс :disabled.

Кнопка будет полупрозрачной:

 button:disabled {
     opacity: 0.5;
 }

👉 @frontendInterview

👉 @frontendInterview

Познакомьтесь, JavaScript.

Вы пока еще не знаете JS. И Кайл Симпсон признается, что тоже его не знает (по крайней мере полностью)… И никто не знает. Но все мы можем начать работать над тем, чтобы узнать его лучше. Сколько бы времени вы ни провели за изучением языка, всегда можно найти что-то еще, что стоит изучить и понять на другом уровне.

Учтите, что, хотя книга и называется «Познакомьтесь, JavaScript», она не для новичков. У нее другая задача: дать обзор тем, в которых необходимо разобраться на начальном этапе изучения JS. Даже если вы уже написали достаточно кода JS, эту книгу не стоит пропускать, возможно, в ваших знаниях есть пробелы, которые необходимо заполнить перед углубленным изучением сложных тем.

👉 @frontendInterview