Frontend Interview - собеседования по Javascript / Html / Css
10.2K subscribers
2.09K photos
117 videos
320 files
494 links
Канал для подготовки к собеседованиям по фронтенду

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

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

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Сила JavaScript. 68 способов эффективного использования JS

Эта книга, написанная Дэвидом Херманом, предназначена для тех, у кого уже есть базовое понимание JavaScript.
Книга «Effective JavaScript» содержит советы эксперта по JavaScript. Она написана для разработчиков с уровнем знаний от среднего и выше.
Прочтя эту книгу, вы научитесь хорошему стилю, узнаете, с чего начинать проект и как управлять им на протяжении всего периода разработки.
Напишите функцию, которая принимает число и возвращает строку "Value is VALUE", где VALUE - это число из пяти знаков.

Пример:
solution(5)
// Вернет "Value is 00005"
JavaScript. Шаблоны

Эта книга написана старшим разработчиком в Yahoo Стояном Стефановым. Она поможет вам изучить JavaScript с помощью многочисленных шаблонов программирования. Хотите вы писать фронтенд, бэкенд или десктопные приложения – этак книга является для вас лучшим выбором.
​Что делает, как и когда использовать метод reduce?

Метод arr.reduce(callback[, initialValue]) используется для последовательной обработки каждого элемента массива с сохранением промежуточного результата.

Он применяет функцию callback по очереди к каждому элементу массива слева направо, сохраняя при этом промежуточный результат.

Аргументы функции callback(previousValue, currentItem, index, arr):
previousValue – последний результат вызова функции, он же «промежуточный результат».
currentItem – текущий элемент массива, элементы перебираются по очереди слева-направо.
index – номер текущего элемента.
arr – обрабатываемый массив.

Кроме callback, методу можно передать «начальное значение» – аргумент initialValue. Если он есть, то на первом вызове значение previousValue будет равно initialValue, а если у reduce нет второго аргумента, то оно равно первому элементу массива, а перебор начинается со второго.

 var arr = [1, 2, 3, 4, 5]
// для каждого элемента массива запустить функцию,
// промежуточный результат передавать первым аргументом далее
 var result = arr.reduce(function(sum, current) {
return sum + current;
}, 0);
alert( result ); // 15
sum - предыдущий результат
current - текущее значение
0 - initialvalue
Что такое автоматизированное тестирование, и в чём отличие от ручного тестирования?

Автоматизация тестирования приложений основана на написании кода. Методика автоматизированного тестирования позволяет создать ожидаемый сценарий, а затем сравнить его с реальным и указать расхождения.

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

Ручное тестирование – это прямое взаимодействие QA-инженера и приложения. В его процессе можно получить обратную связь о продукте, что невозможно, если использовать автоматизированное тестирование.

Проведение автоматизации тестирования позволяет получить более точный результат. Ручные проверки – это более универсальный вариант, который рассчитан практически на любое приложение.
Напишите функцию, которая принимает год, состоящий из четырех символов и возвращает век этого года.

Пример:
"1999" --> "20th"
"2011" --> "21st"
"2154" --> "22nd"
"2259" --> "23rd"
"1124" --> "12th"
"2000" --> "20th"
Какое значение примет result?
Anonymous Quiz
23%
false
55%
true
22%
SyntaxError
Что такое TDD и в чем его преимущество?

TDD или Test Driven Development - это разработка через тесты: сначала пишутся интеграционные тесты, в которых детально описан будущий функционал. А новые функции разрабатываются на основе этих тестов.

Преимущества:
1. TDD Ускоряет разработку. Пока разработчики привыкают к написанию тестов, работа будет идти медленнее. Когда привыкнут, разработка ускоряется;

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

3. Меньше времени на отладку. Обычно отладка начинается, когда основной функционал уже сделан. Здесь мы отлаживаем заранее концепцию функционала, пока пишем тесты.
Какое значение примет result?
Anonymous Quiz
8%
5
36%
6
6%
15
37%
4
14%
0
Что делает, как и когда использовать метод find?

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

Его синтаксис таков:
let result = arr.find(function(item, index, array) {
// если true - возвращается текущий элемент и перебор прерывается
// если все итерации оказались ложными, возвращается undefined
});
Функция вызывается по очереди для каждого элемента массива:
item – очередной элемент.
index – его индекс.
array – сам массив.

Например, у нас есть массив пользователей, каждый из которых имеет поля id и name. Попробуем найти того, кто с id == 1:
 let users = [
{id: 1, name: "Вася"},
{id: 2, name: "Петя"},
{id: 3, name: "Маша"}
];

let user = users.find(item => item.id == 1);
alert(user.name); // Вася
Какова высота элемента div?
Anonymous Quiz
2%
270px
57%
180px
3%
20px
38%
90px
Что делает, как и когда использовать метод map?

Метод arr.map является одним из наиболее полезных и часто используемых.
Результатом метода map всегда является новый массив с результатами выполнения функции callback на исходном массиве.

let result = arr.map(function(item, index, array) {
// возвращается новое значение вместо элемента
});
let lengths = ["Bilbo", "Gandalf", "Nazgul"].map(item => item.length);
alert(lengths); // 5,7,6
👍1
Какое значение примет result?
Anonymous Quiz
49%
true
51%
false