Frontend

Реализовать метод Array.prototype.groupBy, который возвращает структурированную версию массива объектов, где каждый ключ является результатом вызова переданной функции, а значение — массивом элементов, соответствующих этому ключу.

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

Расскажите о себе: почему решили сменить работу, какие проекты были на последнем и предыдущем месте работы?

Расскажи о своём опыте работы

Можешь немного вкратце рассказать про свой последний опыт и чего тебе вообще хочется от новой работы, чего ожидаешь от новой позиции?

/* * Function that emulates requesting data from backend. * Backend has RPS limitation, and will fail, * if parallel requests number is more than MAX_PARALLEL_REQUESTS. */ function requestData(id: number): Promise<string> { parallelRequests++; if (parallelRequests > MAX_PARALLEL_REQUESTS) { throw new Error("Too many parallel requests"); } return new Promise((res) => { setTimeout(() => { parallelRequests--; return res(`${id * 2}`); }, Math.floor(Math.random() * 2000)) }); } function prepareData( ids: number[], maxParallelRequests: number, ): Promise<string[]> { /* * TODO: implement requesting all data, * using no more than maxParallelRequests * parallel connections. */ }

Как реализовать показ баннера один раз для авторизованного пользователя на всех его устройствах?

Middle+

IT One

Какие ограничения есть по объёму памяти в IndexedDB и от чего они зависят?

Реализуй функцию delay(ms), которая возвращает промис, резолвящийся через указанное время

Middle

Wildberries

Расскажи про Event Loop: что это такое и из каких частей состоит?

[имя] спросил: расскажите вкратце, где работала и чем занималась.

Как получить ширину DOM-элемента и отслеживать её изменения? Можно ли повесить resize на DOM-элемент через addEventListener?

Middle

X5 tech

Question 11 If the price of gasoline increases by 25% and Ron intends to spend only 15% more on gasoline, by what % should he reduce the quantity of petrol that he buys? 10% 12.5% 8% 12% 6.66% Question 12 The average wages of a worker during a fortnight comprising 15 consecutive working days was $90 per day. During the first 7 days, his average wages was $87/day and the average wages during the last 7 days was $92 /day. What was his wage on the 8th day? $83 $92 $90 $97 $104

Как бы ты реализовал кэширование на стороне клиента?

Что может происходить на сервере при генерации HTML (SSR) — на что сервер тратит время, какие могут быть проблемы с производительностью и безопасностью при сериализации данных?

С фокусом на поддержку и развитие — какие подходы помогли соблюсти ожидания от продукта, чтобы он был развиваемым и поддерживаемым? Что выбрали по архитектуре и почему?

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `row ${idx + 1}`, })); }; export default function App() { const [data, setData] = React.useState(getData()); const handleUpdate = () => { setData((prev) => { return prev.map((row, i) => i === 0 ? { ...row, value: Math.random() } : row ); }); }; return ( <div> <h1>List App</h1> <Button onClick={handleUpdate}>update `row 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Реализовать функцию-обертку runOnce, которая принимает функцию и возвращает новую функцию. Новая функция может быть вызвана только один раз, все последующие вызовы возвращают undefined. Оборачиваемая функция может принимать аргументы и возвращать результат.

Middle+

Яндекс 360

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Задача типизировать функцию return obj[key] } getProperty(X, 'a') // нет ошибки getProperty(X, ' ') // ошибка ключ и не является ключем для объекта X getProperty({ name: 'Sergey' }, 'name') // нет ошибки

Middle+

IT One

const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //

Middle+

IT One