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
Что такое автоматизированное тестирование, и в чём отличие от ручного тестирования?

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

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

Ручное тестирование – это прямое взаимодействие 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
Дэвид Макфарланд "Большая книга CSS3"

C помощью технологии CSS3 (каскадные таблицы стилей) можно создавать уникальные, современные оформления веб-сайтов. Но даже самый опытный веб-разработчик может не знать всех приемов применения CSS3. Прочитав в этой книге множество практических примеров, а также советов, вы перейдете на новый уровень создания сайтов с помощью HTML и CSS. Вы узнаете, как разрабатывать веб-страницы, которые одинаково быстро работают и одинаково выглядят, как на ПК, так и на смартфонах и планшетах.
В книге рассмотрены следующие темы:
- написание HTML5-, CSS3-тегов, которые распознаются во всех браузерах;
- форматирование текста, добавление на страницы навигации;
- создание таблиц и форм;
- приемы веб-дизайна для создания уникального оформления сайтов;
- создание сайтов для любых устройств с помощью адаптивного дизайна.
Напишите функцию generateRange(min, max, step), которая генерирует массив чисел. Функция принимает 3 аргумента min - минимальное число, max - максимальное. step - шаг, на который увеличивается последующее число.

Пример:
generateRange(2, 10, 2)
// should return array of [2,4,6,8,10]

generateRange(1, 10, 3)
// should return array of [1,4,7,10]
Принципы ООП в Javascript

Николас Закас, автор этой книги, объяснил в ней природу объектно-ориентированного программирования уникальным способом. Эта книга помогает глубже понять такие ключевые характеристики, как наследование, функции, объекты. Книга хороша как для новичков, так и для экспертов.
Что такое web-safe шрифты и зачем они используются?

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

Сейчас они используются как запасные шрифты, например если не загрузились основные шрифты, безопасные загружаются с устройства пользователя. Если не указать запасной безопасный шрифт, то может получиться так, что текст на разных устройствах будет выглядеть по-разному.
Какое значение примет result?
Anonymous Quiz
26%
false
40%
2
5%
0
9%
3
20%
1