Собеседуем Frontend разработчика вместе с ментором из R-vision, ex-Сбер

Пройди МОК-интервью с опытным разработчиком и получи готовую стратегию выхода на следующий грейд (1 на 1, без зрителей): https://telegram.me/shortcut_front_bot?sta... Наш сайт: https://shortcut.education/?utm_source=you... Интервьюер: Даниил Дмитриев - ментор из R-Vision, ex. Сбер Таймкоды: 0:00 — Интро | собеседование frontend middle, frontend собеседование 0:26 — Кандидат: Анзор (fullstack-разработчик, 2.5 года) 0:55 — Структура собеседования: базовое программирование → JS → TS → React 1:24 — SOLID: Single Responsibility | solid принципы 2:15 — SOLID: Open/Closed (открытости/закрытости) 2:33 — SOLID: Liskov Substitution (подстановка Барбары Лисков) 3:26 — SOLID: Interface Segregation (не должны зависеть от неиспользуемых методов) 3:59 — SOLID: Dependency Inversion (зависимость от абстракций) 5:27 — Что происходит при вводе URL в браузере? DNS → TCP → HTTP 7:04 — DOM-дерево и CSSOM: как браузер парсит HTML и CSS 8:01 — CSS не блокирует DOM, но блокирует рендер | critical rendering path 9:55 — Скрипты в HTML: defer vs async vs default | defer async script 11:03 — defer: параллельный парсинг, выполнение после Render Tree 12:42 — async: параллельный парсинг и выполнение, порядок не гарантирован 13:38 — Critical Rendering Path: layout → paint → composite 14:41 — Типы данных в JavaScript: 7 типов | типы данных javascript 15:54 — Примитивы vs ссылочные типы: копирование по значению и по ссылке 16:48 — null vs undefined: пустое значение vs отсутствие значения 17:20 — var vs let vs const: hoisting (поднятие) | разница var let const 18:10 — Способы объявления функций: declaration, expression, arrow | hoisting javascript 19:35 — Стрелочные функции: нет своего this, берёт из лексического окружения | arrow function javascript 20:04 — Что такое this? Объект, вызвавший функцию | контекст this javascript 20:26 — Потеря контекста: метод объекта в переменную 20:58 — call vs apply vs bind: как починить контекст | call apply bind 21:54 — Promise: создание, then/catch/finally | promise javascript 23:38 — Состояния Promise: pending, fulfilled, rejected 24:13 — Promise.all: параллельный запуск, массив результатов или первая ошибка 24:43 — Promise.allSettled: все результаты со статусом и значением 25:14 — Promise.race: первый выполнившийся промис 25:39 — TypeScript: надстройка над JavaScript с типизацией 26:20 — Utility Types: Pick, Omit, ReturnType | typescript utility types 27:14 — Required, Partial, Readonly: модификаторы полей 27:45 — Generics: обобщённые типы, conditional types | generics typescript 28:52 — React: библиотека для построения веб-интерфейсов 29:24 — Virtual DOM: древовидная структура, точечные обновления | virtual dom react 31:12 — Reconciliation: сравнение предыдущего и текущего Virtual DOM | react fiber reconciliation 31:35 — Причины ререндера: state, props, parent re-render, context 33:29 — React Hooks: useState, useEffect | react hooks 36:00 — useEffect: колбек, список зависимостей, функция очистки | react useeffect 38:00 — useMemo и useCallback: мемоизация значений и функций | use memo use callback 42:00 — useLayoutEffect vs useEffect: блокирующий эффект 44:00 — useRef: доступ к DOM-элементам, не вызывает ререндер 46:19 — Презентация ШОРТКАТ: МОК-интервью за 2 000₽, менторская программа 54:48 — Фидбек для кандидата 57:05 — Фидбек от кандидата 58:00 — Q&A 🎯 Цель этого стрима: показать, как выглядит реальное собеседование на позицию 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 #Шорткат #МокИнтервью