tinkoff-career/interview/sections/platform-web.md

Секция по Web платформе

Как проходит секция

В рамках секции идет обсуждение различных аспектов Web платформы и фреймворков. Также на секции проверяем знание JavaScript.

На собеседованиях мы стараемся не задавать абстрактных теоретических вопросов. Вместо этого мы предлагаем решить несколько практических задач. Для лайвкодинга мы будем использовать сервис https://codeinterview.io/ — online-IDE с возможностью запуска кода в онлайне. Шаринг экрана не потребуется.

Продолжительность секции — 90 минут.

Этапы секции

Собеседование состоит из двух частей:

1. Общие вопросы по Web платформе и JavaScript
2. Вопросы по фреймворку, на котором специализируется кандидат. В Тинькофф используются два основных стека:
   1. Angular
   2. React

В конце собеседования у тебя будет время, чтобы пообщаться с интервьюером и задать свои вопросы. Фидбек по секции, как правило, предоставляется уже после собеседования через рекрутера.

Материалы для подготовки

Javascript

1. Современный учебник JavaScript. Состоит из трех больших частей:
   1. Язык JavaScript.
   2. Браузер: документ, события, интерфейсы.
   3. Тематические разделы. Содержат важные темы, например, про сетевые запросы и хранение данных в браузере.
2. You Don't Know JS. Серия книг про deep diving в JS.
3. Asynchronous JavaScript

Angular

В рамках обсуждения Angular часть задач будет посвящена знанию RxJS.

1. Официальная документация
2. Change Detection:
   • NgZone
   • Все, что вам нужно знать об обнаружении изменений в Angular
   • Faster Angular Applications
3. Dependency Injection:
   • Dependency injection in Angular
   • Что можно положить в механизм Dependency Injection в Angular?
   • Возможности Angular DI, о которых почти ничего не сказано в документации
   • Используем DI в Angular по максимуму — концепция частных провайдеров
   • Глобальные объекты в Angular
4. RxJS:
   • Learn RxJS
   • RxJS Subjects
   • Strongbrew: Примеры решения практических задач
   • Hot vs Cold Observables

React

1. Официальная документация
2. React as a UI Runtime
3. Index as a key is an anti-pattern
4. React Fiber Architecture - здесь неплохо написано про reconciliation в целом, часть про детали реализации (fiber) опциональна.
5. React events in depth w/ Kent C. Dodds, Ben Alpert, & Dan Abramov
6. Getting to know React DOM's event handling system inside out
7. Новый контекст React в деталях