Frontend

Сверстайте блоки red, blue, grey используя только CSS (без изменения разметки, без добавления обёрток). Блоки должны быть расположены согласно примеру на изображении. Можно задавать стили контейнеру и самим блокам.

Middle+

Касперский

Были ли задачи, где явно не хватало ни времени, ни людей, ни информации?

Что такое методология BEM в CSS?

Правильно ли использовать async/await непосредственно в useEffect? Почему?

Где проходит граница между использованием слотов и пропсов в компонентах Vue.js?

Как работает MVCC в PostgreSQL? Зачем нужно версионирование?

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

Как обстоят дела с TypeScript? Использовали ли дженерики, утилитарные типы, TypeGuard?

Как сделать, чтобы два промиса выполнялись параллельно и функция отработала за 1 секунду, а не за 1200мс?

Middle+

Рунити

// Что выведется в консоль ? const p1 = Promise.resolve(1); const p2 = new Promise((_, reject) => setTimeout(() => reject("Error"), 100)); const p3 = Promise.resolve(3); Promise.all([p1, p2, p3]) .then(console.log) .catch(console.error); Promise.allSettled([p1, p2, p3]).then(console.log);

В каком порядке выполнятся then, catch и finally в цепочке промисов?

Middle+

Рунити

Расскажи о своем рабочем опыте: в каких командах работал, какие позиции занимал, какие кейсы были связаны с проектированием архитектуры, принятием технических решений?

Что происходит в компьютере, когда человек вводит URL и попадает на страницу?

Напишите на JavaScript или TypeScript функцию, которая принимает на вход массив чисел и возвращает массив, в котором числа кратные 3 заменены на строку 'Fizz', числа кратные 5 заменены на строку 'Buzz', а числа кратные и 3 и 5 заменены на строку 'FizzBuzz'.

import { useEffect, useLayoutEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); useLayoutEffect(() => { console.log('3'); }, []); return <div>BCraft</div>; }

Что такое массив зависимостей в useEffect? Что будет, если передать пустой массив или не передавать его вообще?

В резюме упоминается оптимизация производительности PWA. Что такое PWA, как расшифровывается, и в чём отличие от SPA? Как сделать из SPA PWA?

Ты упомянул тесты — ты писал тесты в [компания] и на последнем месте работы?

По грейду как себя оцениваете? По уровню оплаты что хотите?

Задача по CSS: три блока div расположены друг под другом, у каждого margin-top 10px и margin-bottom 30px. Какое расстояние будет между блоками? Что изменится, если заменить div на span?