Собеседование Middle Frontend-разработчика + Live Coding | JS, Typescript, React, FSD, Next.js

Давно не снимали live-собеседований, пора освежить рубрику новым героем! К нам на собеседование пришел один из подписчиков — Сергей. Задача Сергея: получить обратную связь по скиллам, найти точки для карьерного роста. Наша задача: показать, какие вопросы могут задавать при собеседовании на позиции middle frontend-разработчика. Пройдемся по наиболее распространенным блокам, включая live coding, разберем ответы и оценим уровень навыков. Основные темы: JavaScript, TypeScript, React, FSD, Next.js, Tailwind CSS. Хотите принять участие в съемках? 📝 Оставьте заявку в форме — https://forms.gle/6uTY5rig17guS3tE9 Наш телеграм-канал с новостями веб-разработки, полезными материалами, возможностью участвовать в карьерных консультациях, мок-интервью и активным чатом на 4 000 ребят с самым разным опытом, присоединяйтесь! ✈️ https://t.me/purple_code_channel Полезные видео 🍿 Код-ревью: 8 ошибок в 1 кнопке на React — https://www.youtube.com/watch?v=rXmU1lklnLc 🍿 Обзор нового React 19 — https://www.youtube.com/watch?v=YvxzfZGxQQ4 🍿 Новости веб-разработки — https://www.youtube.com/watch?v=iMFyqpiWX_Y Бесплатные материалы 🗂️ Бесплатные карты развития в разработке под вашу ситуацию — https://purpleschool.ru/skills/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 🗂️ Бесплатный курс «Основы разработки» — https://purpleschool.ru/course/code-basics/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 🗂️ Бесплатный курс «CSS Flexbox» — https://purpleschool.ru/course/flexbox/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 Обучение по темам из видео 🚀 Карьерный путь «Frontend-разработчик» с 1,5 года практических проектов, полным освоением навыков и опытным наставником — https://purpleschool.ru/profession/frontend/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 📚 Курс по теме «HTML и CSS» — https://purpleschool.ru/course/git/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 📚 Курс по теме «Продвинутый JavaScript» — https://purpleschool.ru/course/javascript-advanced/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 📚 Курс по теме «TypeScript с нуля» — https://purpleschool.ru/course/typescript/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 📚 Курс по теме «React и Redux Toolkit» — https://purpleschool.ru/course/react-redux/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 📚 Курс по теме «Next.js - с нуля» — https://purpleschool.ru/course/nextjs/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 📚 Курс по теме «Feature-Sliced Design» — https://purpleschool.ru/course/fsd/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D0%BE%D0%B1%D0%B5%D1%81%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+middle+frontend-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0 Навигация 0:00 — Интро 0:20 — Блок 0 | Знакомство 1:39 — Блок 1 | Вопросы: HTML, CSS 10:21 — Telegram для разработчиков 10:40 — Блок 2 | Live coding: JavaScript 20:34 — Блок 3 | Вопросы: Typescript 27:58 — Блок 4 | Вопросы: React 33:20 — Материалы для разработчиков 34:00 — Блок 5 | Live coding: React 39:00 — Блок 6 | Вопросы: FSD, Next.js, Tailwind CSS 46:46 — Карьерный путь Frontend-разработчика 47:37 — Блок 7 | Обратная связь 49:20 — Аутро