Unit-тесты Jest TDD Snapshot E2E-тесты Как работает Скриншоты Opensource Commits, pull-requests, issues Просмотр кода на github Конференции Выступления Прослушивание Интересные темы JS или TS Какая должна быть задача, чтобы сделать тот или иной выбор CodeReview Формат ревью Кто кого ревьюит node.js backend – заглушки/сервисы/с подключением БД написание утилитарных скриптов написание плагинов для сборщика или линтера стандартные пакеты node.js из коробки Кроссбраузерность IE Safari Адаптив Устройства Media DevOps Написание трубы/стейджей Docker Чтение логов, алгоритм поставки HTML и браузер Семантика, зачем она нужна HTML5 SEO Screenreader Доступность Способы сделать доступнее без знания технологий role ARIA-* Оптимизация Общее CDN Обфускация Lazy-loading Prefetch/preload Виртуализация Gzip Gzip – выбор размещения заранее или расчета на лету Что-то еще: – Графика спрайты png → svg webp Минификаторы выбор картинки по качеству Что-то еще: – Шрифты От SVG то WOFF2 Что-то еще: – Сервер Кэширование Шардирование Кластеризация SSR Что-то еще: – SVG Редактирование Способы загрузки HTTP методы Разница GET и POST OPTIONS (CORS) RESTful API Хранение состояния между перезагрузками localStorage sessionStorage cookies Адресная строка Передача на сервер JS Общее Типы данных, примитивные vs ссылочные falsy значения в JS, приведение типов, разница между == и === Что такое свойства и методы объекта и в чем разница? Лексическое окружение Область видимости Замыкание Контекст Присвоение: bind, call, apply Вызов в контексте Потеря контекста Обычные функции и стрелочные функции hoisting this bind arguments new Стандарт, начиная с ES2015 Symbol Generator Promise async/await BigInt Map, Set, WeakMap, WeakSet Proxy Методы массива Отличие var, let и const Что-то еще: – Обработчик события preventDefault на примере ссылки или формы stopPropagation Чем опасен stopPropagation Методы Promise Promise.all then, catch, finally resolve, reject Разница с async/await Мутабельность Определение Пример Функции высшего порядка Определение Пример Компоненты высшего порядка Декораторы Чистые функции Определение Мутации аргументов Обращение к console.log, Math.PI Пример React Общее Какую проблему решает react Основные хуки Жизненный цикл и useEffect В каких методах жизненного цикла стоит выполнять сетевые запросы? Что такое propTypes Разнообразные классификации React компонентов Классовые/функциональные Рендерящие/нерендерящие Stateless/stateful Умные/глупые Визуальные/логические Что-то еще: – (из дискуссии становится видно, с какими приходилось работать и приходилось ли организовывать репозиторий) One-way data flow (Redux-React) Алгоритм обновления данных Какую проблему решает redux Что такое редьюсер, selector, action и action creator. Суть middleware функций В какой момент вызывается метод Render у компонентов props state Рендер родителя forceUpdate key В массиве Не в массиве React context Опыт использования Известные контексты: redux, theme, ...etc CSS Технологии CSS CSS-in-JS CSS modules БЭМ Препроцессоры PostCSS Способы построения сетки Flex Grid Специфичность Определение 1 идентификатор против 10 классов Бонусные вопросы
Polyfills Как работает Babel Как работает Stages eslint, stylelint Как работает Плагины semver Определение major, minor, patch Диапазоны версий Паттерны Что угодно: – (открываем habr и начинаем холивар) Фреймворки Рендеринг Состояние Сервер Запросы Работа с данными Работа с датами Стили Тестирование Что-то еще: – Команды NPM npm pack npm publish npm view peerDependencies Как работает Как использовать devDependencies Как работает Как использовать Утилитарные файлы репозитория Конфигурации Игноры Typescript различия unknown и any различия never, void и undefined различия type и interface какие есть стандартные generic-типы различия Record<T, S> и { [x: T]: S } package-lock.json Как работает Как установиться через package-lock.json
Demos