Frontend

Как тебе подходит наш формат работы? Насколько он привлекателен?

Что такое IP-адрес?

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

Какие типы визуализаций были? Какие делал лично?

Представьте страницу с множеством карточек и lazy loading (как на Stripchat). Какие corner cases видите, какие проблемы могут быть, что бы оптимизировали? Как работает виртуализация (React Window)?

Используете ли вы AI-инструменты в работе?

Из этих билетов можно построить единственный, неразрывный маршрут. Петлей и повторов в маршруте нет. Нужно написать программу, которая возвращает эти же объекты билетов в порядке следования по маршруту. ```javascript function getRoute(tickets = []) { const cities = new Map(); for (const ticket of tickets) { cities.set(ticket.from, ticket); } const result = []; let currentCity = startcity; while (cities.has(currentCity)) { const next = cities.get(currentCity); result.push(next); currentCity = next.to; } return result; } console.clear() console.log(getRoute([ { from: 'London', to: 'Moscow' }, { from: 'NY', to: 'London' }, { from: 'Moscow', to: 'Spb' }, ])); ```

Middle

Яндекс Маркет

Как относишься к прохождению полиграфа?

Как обеспечивается кросс-браузерная поддержка CSS?

Насколько плотно работал с Next.js? Какими особенностями пользуешься?

/* У нас есть набор билетов вида: [ { from: 'London', to: 'Moscow' }, { from: 'NY', to: 'London' }, { from: 'Moscow', to: 'SPb' }, ... ] Из этих билетов можно построить единственный, неразрывный маршрут. Петель и повторов в маршруте нет. Нужно написать программу, которая возвращает эти же объекты билетов в порядке следования по маршруту. */ function getRoute(tickets = [], startCity) { // your code here } console.clear() console.log(getRoute([ { from: 'London', to: 'Moscow' }, { from: 'NY', to: 'London' }, { from: 'Moscow', to: 'SPb' }, ], 'NY')); /* [ { from: 'NY', to: 'London' }, { from: 'London', to: 'Moscow' }, { from: 'Moscow', to: 'SPb' }, ] */

/** * Implement the function that will execute a callback with the data * and return an array of responses Response[]. * The solution should execute all requests in parallel * but no more than [limit] requests can be executed concurrently. * The goal is to minimize the total execution time. */ type Props<RequestData, Response> = { callback: (args: RequestData) => Promise<Response>; data: Array<RequestData>; limit: number; }; export async function runWithLimit<RequestData, Response>({ callback, data, limit, }: Props<RequestData, Response>): Promise<Response[]> { // START SOLUTION HERE if (limit < 1 || data.length === 0) { return Promise.resolve([]); } if (limit >= data.length) { return Promise.all(data.map(callback)); } const result: Response[] = new Array(data.length); let index = 0; const run = async () => { if (index >= data.length) return; const elem = data[index]; try { result[index] = await callback(elem); } catch (err) { result[index] = (err) as Response; // todo: handle error } index++; run(); }; const startPack = Array.from({ length: limit }, run); await Promise.all(startPack); return result; }

Что произойдёт, если вместо класса использовать обычный объект с теми же методами (без strict mode)?

Middle+

Т-Банк

Если ты увидела в уже готовом коде, который уже отдали, что-то явно плохое — как быть?

Расскажи про себя и свой опыт работы

В чём проблема использования enum в TypeScript при компиляции в JavaScript? Чем можно заменить enum?

В чём отличие FormGroup от FormArray?

Middle

Aston

Как оптимизировать лендинг с большим количеством изображений и видео?

Как бы ты оптимизировал медленно работающее приложение? Какие методы использовал бы?

Как оптимально сверстать блок с изображением товара в интернет-магазине с учётом максимальной оптимизации и различных кейсов отображения?