Вопросы:
Архитектура ВЕБ-приложений
- Что такое модель зрелости Ричардсона?
- Что такое REST и RESTful API? Каковы принципы REST архитектуры?
- REST API. Что такое ресурс, ограничения, идемпотентность, кэширование?
- В чём отличие REST от RPC и CRUD?
- Что такое API?
Протоколы и сетевые технологии
- Что такое IP-адрес?
- Разница между host и domain?
- Что такое “трехстороннее рукопожатие” (Triple handshake)?
- Что такое HTTP?
- Разница между HTTP и HTTPS?
- Что такое SSL и TLS? Зачем они используются в веб-разработке
- Разница между HTTP-1 и HTTP-2?
- Как работает мультиплексирование в HTTP-2
- Какие способы сжатия данных используются в HTTP?
- Что такое gzip и как он используется в HTTP?
- Из чего состоит HTTP-запрос?
- Какие методы может иметь HTTP-запрос?
- Структура HTTP запроса и ответа? Основные метаданные от сервера и браузера?
- Чем отличается GET от POST? Какие ещё виды запросов есть и для чего используются?
- Разница между PUT- и POST-запросами?
- Что такое HTTP cookie? Для чего они используются?
- Назовите 5 классов ошибок при HTTP-запросе?
- Разница между протоколами TCP и UDP?
- Сколько запросов одновременно можно отправить из браузера на определённый домен? Как решают проблему с ограничением? Решает ли её HTTP2?
- Что такое WebSocket? В чем принцип его работы?
- Разница между Long-Polling, Websockets и Server-Sent Events?
- Механизм установки сеанса между клиентом и сервером?
- Что происходит, когда пользователь вводит адрес сайта в адресную строку?
- Если через консоль, примеру curl’oм, запросить сайт, что мы увидим?
- Как работает JSONP?
Хранилища и технологии браузера
- Что такое хостинг?
- Что такое веб-хранилище (web storage)?
- Хранения данных на клиенте в LocalStorage, SessionStorage и Cookie? Особенности работы?
- Объясните разницу между cookies, sessionStorage и localStorage?
- Что такое cookie? Для чего используются.? Какие типы cookie бывают? Как реализуются сессии на cookie?
- Как проверить что cookie включены?
- Что такое Secure (“безопасные”) и HttpOnly cookies?
- Что такое IndexedDB в браузере. Преимущества IndexedDB?
- Что такое Service Workers?
- Является ли Service Worker частью спецификации HTML5?
- Что такое Web Workers?
- Является ли Web Workers частью спецификации HTML5?
- Что такое Web Worklet?
- Как узнать устройство и ОС пользователя?
- Что такое ApplicationCache?
Безопасность и уязвимости
- Методы повышения безопасности веб-приложений?
- Что такое HMAC?
- Что такое CORS?
- Что такое Content Security Policy (CSP)?
- Что такое same-origin policy в контексте JavaScript?
- Что такое протокол-SOAP?
- Что такое межсайтовый скриптинг (XSS)?
- Что такое OWASP Top 10?
- Разница между идентификацией, аутентификацией, авторизацией?
- Виды аутентификации?
- Как происходит авторизация? Что передаётся в заголовке авторизации?
Оптимизация и производительность
- Что такое Progressive Web Application (PWA)?
- Что такое прогрессивный SSR?
- Что такое Веб-компоненты и какие технологии в них используются?
- Используете вы Perfect Pixel или что-то аналогичное?
- Назовите критические этапы рендеринга?
- Разница между layout, painting и compositing?
- Что такое reflow и repaint?
- Что такое критический путь рендеринга веб-страниц?
- Для чего нужен паттерн PRPL?
- Что такое Lazy Loading и как оно может помочь при оптимизации производительности?
- Что такое Flash Of Unstyled Content (FOUC)? Как его избежать?
- Разница между preload, prefetch, preconnect и prerender?
- Что такое CDN?
- Как работает механизм кэширования в веб-браузере?
- Почему очищать кэш важно? Как это можно сделать?
- Как можно оптимизировать загрузку внешних ресурсов на странице?
- Каково преимущество в подгрузке внешних ресурсов с нескольких доменов?
- Назовите три способа уменьшения времени загрузки страницы (воспринимаемого или реального)?
- Способы уменьшения времени загрузки веб-страницы?
- Какие инструменты используются для оптимизации производительности веб-приложений?
- Что такое Core Web Vitals? Какие основные метрики туда входят?
- Расскажите о метриках Core Web Vitals?
- Что такое feature detection (определение возможностей браузера)?
- Что такое feature inference (предположение возможностей) и анализ строки user-agent?
- Что такое History API в браузере?
- Что такое protobuf и messagepack? В чём отличие?