ПЛАН ПОДГОТОВКИ К СОБЕСЕДОВАНИЯМ НА FRONTEND РАЗРАБОТЧИКА Сергей, а что нужно знать, чтобы устроиться на работу в IT как frontend разработчик? Ребят, сохраните и перешлите друзьям этот пост. В нем охватываем все необходимые темы. Итак, погнали… ❗️Алгоритмы и структуры данных Нужно разбираться и уметь решать задачи на списки, стеки, очереди, деревья, графы, хеш-таблицы, сортировки, динамика. Эту часть в том или ином виде с вероятностью 99% дадут на собеседовании. ❗️HTML и семантика Семантические теги, accessibility (a11y), SEO оптимизация разметки. Думаю, вы знаете, что html - это основа в web-разработке. Но на собесах копнут глубже, чем просто знание как добавить заголовок, параграф, ссылку и картинку. ❗️CSS и layout страницы Flexbox, Grid, позиционирование, BEM, адаптивный дизайн, анимации. Если брать профессиональную разработку, то ожидается, что вы сможете сделать pixel perfect дизайн согласно макету и максимально качественно воплотить задумку дизайнера в реальность. ❗️JavaScript Конечно вас проверят на глубину знаний в основном языке программирования фронтенд разработке. Замыкания, всплытие, event loop, промисы, async/await, this, скоуп - эти темы нужно хорошо понимать ибо они зачастую лежат в основе популярных фреймворков и библиотеке (например, React) ❗️React и архитектура JSX, хуки, context, производительность, обработка ошибок, SSR - это темы, которые идут дальше, чем просто стандартное понимание компонентов, стейта и пропсов. Могут спросить про state management (например, про Redux) ❗️TypeScript В большинстве крупных проектов TypeScript как надстройка над JavaScript является основным языком, на котором пишут современные frontend приложения. Проектирование frontend приложений Архитектура SPA, SSR/CSR, CDN, кеши, lazy loading, DX/UX – те темы, которые зачастую не получишь самостоятельно просто смотря видосики на ютубе. Нужно в идеале иметь свой проект, в котором ты на практике научишься проектировать архитектуру frontend приложения. Проектирование web-приложений в широком смысле Это больше про system design глазами бекендера. Могут спросить, если хочешь претендовать на действительно высокий грейд и зарплату. Здесь речь про api-дизайн, REST vs GraphQL, базы данных, очереди, кэш, масштабирование ❗️Работа браузера Точно спросят, насколько хорошо ты понимаешь, как браузер делает то, что он делает - загружает и показывает интерфейся пользователю. Event loop, рендеринг, critical path, repaint/reflow, web vitals - вот ключевые слова, которые нужно знать. ❗️Сети и протоколы На этом держится весь web так то. Поэтому точно нужно разобраться, как все это сетевое взаимодействие фронтенда и бекенда работает под капотом и какие есть нюансы. Вот список тем: HTTP(S), TLS, TCP, DNS, cookies vs storage, CORS, CDN DevOps для фронта Да, фронтендер должен не просто знать как написать код приложения. Но и как собрать этот код в единый бандл, как задеплоить на пользователя и как все это дело мониторить. Вот темы и направления для изучения: CI/CD, Webpack/Vite, Linting, Monitoring, Error tracking Culture fit и HR интервью Это больше софтовая часть, насколько культурно ты вписываешься в команду. Здесь вопросы про опыт работы в команде, про лидерство, про управление проектами, про решение конфликтных ситуаций. Идеально, если есть возможно приобрести похожий опыт на каком-нибудь учебном проекте, чтобы была командная разработка. Через ❗️я выделил самые приоритетные темы. Они нужны для junior и middle позиций. Остальное больше для уровня senior. По этому плану идем на Программисте. Вход пока закрыт, но скоро открою короткое окно для входа. Следите за каналом.