Frontend Middle Interview с ментором из R-Vision, ex. Сбер

Наш сайт: https://shortcut.education/?utm_source=youtube&utm_content=webinar_03_09_2026&utm_campaign=frontend Интервьюер: Даниил Дмитриев - ментор из R-Visioin, ex- Сбер Таймкоды: 00:00 Знакомство с интервьюером и кандидатом 01:43 Типы данных в JavaScript: примитивы и ссылочные типы 02:30 BigInt и Symbol: большие числа и уникальный тип данных Symbol 03:36 Массив в JavaScript: почему массив это объект, ссылочный тип данных 04:46 null vs undefined: разница, отсутствие значения и неопределённое значение 04:51 Примитивы vs ссылочные типы: копирование по значению и по ссылке, мутация объекта 09:23 Объявление переменных var let const: отличия, всплытие hoisting и Temporal Dead Zone 11:19 Способы объявления функций: Function Declaration, Function Expression и стрелочная функция arrow function 11:47 Стрелочная функция и this: отсутствие своего контекста, лексическое окружение 13:00 Потеря контекста this: присваивание метода объекта в переменную, вызов без объекта 14:46 Как сохранить контекст this: методы call apply bind, разница передачи аргументов 15:55 Хойстинг функций: почему Function Declaration всплывает а Expression и стрелочные нет 17:30 Event Loop в JavaScript: однопоточность, синхронный код и цикл событий 18:30 Очереди Event Loop: микротаски microtasks и макротаски macrotasks, порядок выполнения и рендер 19:46 Что такое микротаски: Promise, queueMicrotask, запросы к серверу 20:22 async await в Event Loop: код до await синхронный, после await микротаска, заморозка выполнения 23:07 setTimeout как макротаска: Web APIs браузера, отдельный поток таймера и очередь macrotask 25:30 Promise в JavaScript: что такое промис, объект и состояния pending fulfilled rejected 27:58 Статические методы Promise: Promise.all, Promise.race, Promise.allSettled, Promise.any, resolve reject 30:05 Результат Promise.all: массив результатов, reject при первой ошибке 31:12 Что такое React: декларативность, компонентный подход, JSX и оптимизация перерисовок 32:33 Как React экономит на перерисовках: Virtual DOM vs реальный DOM, батчинг изменений 33:31 Что такое Virtual DOM: JavaScript объект, копия DOM-дерева, быстрое сравнение diff 34:38 Причины ререндера компонента: изменение props, state useState, контекст Context и рендер родителя 37:22 Сравнение Virtual DOM: два дерева до и после изменения, эвристический алгоритм, смена типа элемента 38:35 Хуки в React: useState useEffect useContext useCallback useMemo 38:52 useEffect хук: назначение сайд-эффекты, подписки на события, синтаксис колбэк и массив зависимостей 41:27 Массив зависимостей useEffect: пустой массив один раз при монтировании, без массива каждый рендер 43:43 useLayoutEffect vs useEffect: синхронный до отрисовки блокирует рендер, асинхронный после 44:48 Порядок вызова useEffect: снизу вверх от дочерних к родительским компонентам 46:19 Замыкание closure в JavaScript: лексическое окружение, функция запоминает окружение объявления 47:35 Пример замыкания 48:59 Замыкание в React stale closure 56:30 Атрибут key в React 58:01 Почему нельзя индекс как key 59:28 Когда можно индекс как key 01:01:06 Date.now как key почему нельзя: каждый рендер новый ключ, полная перерисовка и потеря оптимизации 01:06:14 презентация ШОРТКАТ 01:16:06 Фидбек интервьюера 01:17:44 Рекомендации по React 01:21:56 Советы по подготовке: зачем ходить на мок-интервью актуализировать знания перед выходом на рынок 01:22:11 Отзыв кандидата Ивана 01:23:41 Вопросы зрителей 01:27:35 Завершение эфира 🎯 Цель этого стрима: показать, как выглядит реальное собеседование на позицию Middle/Senior Frontend-разработчика. Это не теория, а живое интервью с разбором архитектурных решений, JavaScript, React и практических задач, которые встречаются на найме в крупные IT-компании. 🚀 Кому это будет полезно: • Frontend-разработчикам, которые готовятся к собеседованиям на Middle/Senior позиции. • React-разработчикам, желающим проверить свои знания JavaScript и современных подходов к разработке интерфейсов. • Всем, кто хочет понять требования рынка и повысить свои шансы на получение оффера. 📈 После просмотра ты: • Узнаешь, какие вопросы задают на собеседованиях Frontend-разработчикам. • Поймешь, какие темы по JavaScript и React нужно знать особенно хорошо. • Увидишь, как рассуждают сильные кандидаты при решении задач. • Получишь понимание того, чего ожидают интервьюеры от Middle и Senior специалистов. ‼️ Важно: Это не постановка. Кандидат заранее не знает вопросы, а интервью проходит максимально близко к реальному процессу найма. #СобеседованиеFrontend #FrontendMiddle #MockInterview #EventLoop #VirtualDOM #Reconciliation #ReactHooks #useEffect #useMemo #ЗамыканиеJS #PromiseJS #TypeScript #UtilityTypes #Generics #AsyncDefer #CriticalRenderingPath #Прототипирование #ThisJavaScript #FiberReact #Шорткат #МокИнтервью