Frontend Live Interview с Teamlead из Сбера

Пройди МОК-интервью с опытным разработчиком и получи готовую стратегию выхода на следующий грейд (1 на 1, без зрителей): https://t.me/shortcut_front_bot?start=youtube_video_live_Frontend_07_09_2026 Наш сайт: https://shortcut.education/?utm_source=youtube&utm_medium=video&utm_campaign=frontendlive_070926&utm_content=yt_01 Интервьюер: Марк Садыков - Frontend Teamlead из Сбера Таймкоды: 0:00 — Интро: Марк Садыков — Teamlead из Сбера, опыт найма и менторства | фронтенд собеседование 1:25 — Кейс: сервис продажи билетов на концерты, реалтайм-бронирование мест | проектирование frontend 4:06 — Архитектура: Next.js + React, SSR для SEO, API-ручки (лента концертов, деталка) | next js ssr 6:50 — Отрисовка зала: Canvas (Pixel.js) vs SVG vs HTML, зум, стадион | canvas vs svg 14:54 — Диаграмма системы: Next.js Proxy → Backend API + прямой WebSocket | websocket frontend 17:15 — SSR vs SSG: LCP, первая отрисовка, кэш Next.js | next js ssr 21:06 — Пиковая нагрузка: 1 млн пользователей vs 5 000 записей/сек — WebSocket не решение | highload frontend 26:57 — Очередь пользователей: Redis, позиция в очереди, Service Worker + push-уведомления | service worker push уведомления 31:37 — Конкурентный выбор мест: WebSocket, тайм-аут перед оплатой, «кто раньше — того и тапки» | websocket realtime 35:02 — 💻 Live coding: Array.prototype.mySam (кастомный some) — прототипы, this, callback | собеседование javascript 40:09 — Отладка mySam: element, index, array — полная сигнатура колбэка | javascript prototype 47:10 — 💻 Live coding: usePrevious — хук на React (useRef + useEffect) | собеседование react 52:24 — Разбор механики usePrevious: почему реф, а не стейт — бесконечный ререндер | usePrevious react 55:29 — 💻 Live coding: порядок логов в React-дереве (C1→C2, useLayoutEffect, ref-колбэк) | useLayoutEffect vs useEffect 59:06 — Разбор: рендер сверху-вниз, маунтинг снизу-вверх — ref → layoutEffect → effect | react reconciliation 1:00:48 — Правильный порядок: 1, 5, C2 mount, 6, 3, 7 — почему именно так | react rendering 1:03:44 — Презентация ШОРТКАТ: 150+ менторов, МОК-интервью за 2 000₽, гарантия возврата | подготовка к собеседованию frontend 1:12:09 — Фидбэк Марка: «React — хорошо, прототипы — ок, проектирование — надо защищать решения» | собес фронтенд 1:14:56 — Оценка: Middle+ — «добавить час проектирования + час live coding → возможно Senior» | собеседование senior frontend 1:19:35 — Рефлексия Никиты: «если в найм — придётся штудировать React-доку по нюансам» | собеседование middle frontend 1:21:04 — Марк про менторство: «оно сужает, что учить — времени не хватит на всё» | ментор frontend 1:22:22 — Никита про рынок: «2023-2024 — закат золотого времени, сейчас нужно напрячься» | рынок frontend 2026 🎯 Цель этого стрима: показать, как выглядит реальное собеседование на позицию 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 #Шорткат #МокИнтервью