Составила чек-лист подготовки к собеседованию на позицию frontend-разработчика. Забирайте себе и шерьте друзьям🫶

🔘HTML & CSS

- Семантическая верстка
- Box Model
- Специфичность селекторов
- Как отцентрировать div
- Position, display, box-sizing
- Opacity, visibility
- Браузерный рендеринг: layout /paint /composition
- Flexbox, grid

🔘 JavaScript

- Типы данных
- Виды функций (arrow, function declaration, function expression)
- Event loop
- Промисы, async/await
- Замыкания, лексические окружения
- This
- Область видимости, hoisting
- Сборщик мусора
- Утечки памяти, способы их обнаружения и устранения

🔘Браузеры

- Всплытие и перехват событий
- preventDefault, stopPropagation
- Хранилища: localStorage, sessionStorage, IndexDB, cookie
- Что происходит, когда вы вводите адрес сайта и нажимаете Enter

🔘HTTP

- HTTP 1.1 vs HTTP 2.0
- Вебсокеты, SSE
- Методы HTTP
- Rest API
- Статусы HTTP ответов
- CORS

🔘Безопасность

- XSS
- CSRF

🔘 React

- Архитектура Fiber, Virtual DOM, Reconciliation
- Ключи (key)
- Мемоизация
- useLayoutEffect, useEffect
- useRef
- Почему компонент рендерится

🔘TypeScript

- Чем отличается type от interface
- Утилитарные типы (перечислить несколько)
- Type guards

🔘 Git

- Merge vs rebase
- Git flow
- Trunk bases development

🔘Архитектура

- Микрофронтенды, module federation
- Стейт менеджеры
- FSD

#чеклист #собеседования