Вопросы к РК2

[mafin1799]

2 Модуль

Лекция 1

• [ ] Архитектура. Что это такое?
• [ ] Как определить, является ли какое-то решение архитектурным. Как определить качество архитектурного решения?
• [ ] Критерии хорошего дизайна системы.
• [ ] Критерии плохого дизайна системы
• [ ] Методологии и принципы проектирования ПО https://web-creator.ru/articles/subjects/development_methodologies https://en.wikipedia.org/wiki/SOLID_(object-oriented_design) https://ru.wikipedia.org/wiki/GRASP https://en.wikipedia.org/wiki/Package_principles
• [ ] Еще разок про то какие модули бывают, их названия, особенности примеры.
• [ ] Правила работы с модулями?
• [ ] Internal Cohesion и External Coupling?
• [ ] Какие вопросы можно задать для того чтобы определить слабосвязность системы?
• [ ] Способы снижения связанности модулей
• [ ] Паттерн Observable. В чём преимущество?
• [ ] А если таких Observable-модулей очень много?
• [ ] Паттерн Примесь (Mixin)
• [ ] А что кроме наследования?
• [ ] Паттерн медиатор
• [ ] Паттерн синглтон
• [ ] Признаки хорошей декомпозиции
• [ ] Какие ещё есть подходы?
• [ ] Шаблоны MV*
• [ ] MVC
• [ ] Flux. Основные понятия
• [ ] Роутинг в web-приложениях. Что такое роутинг?
• [ ] Что расскажете про History API?
• [ ] Архитектура CSS
• [ ] Как стили попадают на страницу
• [ ] ::before, ::placeholder, ::selection, ::first-letter ... это норм или не очень? Каким добрым русским словом можно это обозвать?
• [ ] Какие могут быть проблемы со стилями(то что их надо писать не проблема)?
• [ ] OOCSS — Объектно-ориентированный CSS
• [ ] SMACSS — Масштабируемая и модульная архитектура для CSS
• [ ] БЭМ — Блок, Элемент, Модификатор
• [ ] Atomic (Functional) CSS
• [ ] CSS-in-JS

[mafin1799]

Лекция 2

Из чего складывается производительность WEB'а?

• [ ] RTT, Bandwith, Latency, TTFB
• [ ] Что происходит во время HTTP-запроса?
• [ ] Как оптимизировать? prefetch, preconnect, preload
• [ ] PerformanceTiming, Performance Entries
• [ ] DOMContentLoaded и load в чем разница
• [ ] Как уменьшить время загрузки данных
• [ ] Какие средства для сжатия можно использовать, перечислите. Какие форматы медиа лучше использовать и почему?
• [ ] Что такое кеширование, зачем оно надо?
• [ ] Какие есть варианты у заголовка Connection и зачем оно надо?
• [ ] Что такое ETag по простому, по крестьянски?
• [ ] Cache-Control
• [ ] Проверка "свежести
• [ ] Проверка валидности
• [ ] "Управление" кэшированием
• [ ] Как сохранить что-то в браузере пользователя?
• [ ] Web Storage API
• [ ] Событие storage
• [ ] IndexedDB и WebSQL
• [ ] FileSystem API
• [ ] Протокол WebSocket
• [ ] Поверх чего он работает?
• [ ] Какие есть преимущества, какие недостатки?
• [ ] Как создать и как начать работат через него?
• [ ] Событие error и close
• [ ] Событие message — обработка сообщений с сервера
• [ ] Как использовать WebSocket, какие протоколы можно использовать?
• [ ] Service Workers а кто это тут работает?
• [ ] А кто такое воркеры вообще?
• [ ] HTTP/2
• [ ] **Основные недостатки HTTP/1.1
• [ ] Главные фичи HTTP/2**
• [ ] Streams, Messages, and Frames
• [ ] Server Push
• [ ] HTTP/3
• [ ] Протокол QUIC
• [ ] HTTP/3 !== HTTP/2 + QUIC Почему?

[mafin1799]

Лекция 3

Графика в браузере

• [ ] Назовите варианты отображения графики и медиа в браузере
• [ ] Элемент Как работает и что с этим можно сделать?
• [ ] Анимации. Как ждать?
• [ ] requestAnimationFrame, setInterval, setTimeout
• [ ] Как оптимизировать производительность?
• [ ] Web Animations API (WAAPI)
• [ ] Animation Worklets
• [ ] WebGL
• [ ] Шейдеры
• [ ] А что из css работает на gpu а что на cpu
• [ ] Leverage
• [ ] Еще раз про модули, какие есть как работают, какие менеджеры пакетов вы знаете
• [ ] Bundlers, Task runners, Asset managers
• [ ] Tree Shaking
• [ ] npm scripts
• [ ] Полифиллы
• [ ] Транспайлинг
• [ ] Как работает Babel?
• [ ] Что такое i18n?

[mafin1799]

Лекция 4

Стили. Разработка под мобильные устройства

- [ ] Ну и что такое css

• [ ] Float
• [ ] Flexbox layout
• [ ] Grid layout
• [ ] CSS-фильтры
• [ ] CSS-транзиции
• [ ] CSS-анимации
• [ ] 3D-трансформации
• [ ] CSS-variables
• [ ] CSS-variables from JS
• [ ] процессоры CSS
• [ ] CSS Modules
• [ ] JSS
• [ ] Кто придумывает WEB?
• [ ] W3C WHATWG
• [ ] Кроссплатформенная разработка
• [ ] Подходы к разработке под мобильные устройства
• [ ] PWA? не клей
• [ ] liquid / responsive в чем разница, зачем слова разные?
• [ ] Как определить возможности устройства?
• [ ] Медиа-запросы (Media Queries) CSS HTML
• [ ] Единицы измерения длины CSS
• [ ] Типы пикселей
• [ ] HTML-тег (ему посвящено много слайдов, наверное не просто так)
• [ ] Функция clamp()
• [ ] Нативное взаимодействие
• [ ] pointer-events
• [ ] Accessibility что это и зачем оно надо?
• [ ] Web App Manifest