Фронтендер в Учебник Тинькофф Журнала

Учебник — это онлайн-курсы про деньги и жизнь, которые помогают сориентироваться в нашем большом и сложном мире, а еще — обзавестись полезными навыками: научиться вести бюджет, инвестировать, брать ипотеку, водить машину, разбираться в благотворительности, даже выбирать собаку. 

Два года назад мы запустили свой первый курс по инвестициям для начинающих. Сейчас у нас 25 курсов, а общее количество читателей перевалило за 1 миллион.

Бесплатные курсы помогают нам следовать нашей социальной миссии. А платные — ещё и заработать.

Чем предстоит заняться
Мы выделили несколько ближайших вех, которые помогут нам развивать образовательное направление:

• вытащить фронт учебника образовательной платформы из фронта журнала. Там уже отдельно разворачиваемое приложение, впереди: свой фасад и SSR;
• переделать уроки: чтобы они собирались из блоков в админке, а не html-like синтаксисом. А ещё предлагать пользователю домашние задания, дополнительные материалы, показывать везде его прогресс;
• улучшить систему награждения пользователей ачивками за обучение на курсах.

Ближе к тому, как все это сделаем, определимся с новыми большими этапами.

Что по технологиям
У нас сложная схема рендеринга: запрос идет сначала на Python-движок, который пытается отрисовать страницу по Django-шаблонам. За страницами учебника он идёт в отдельный микрофронт учебника. Это приложение на Node.JS, TypeScript и React. К этому ответу он приклеивает статичные ассеты и общежурнальные элементы: например, шапку с авторизацией. В получившиеся страницы еще динамически подгружаются некоторые элементы и приложения интерактивов из отдельных JS-бандлов.

Следующий виток развития этой схемы, чтобы учебник забрал целиком ответственность за рендеринг своих страниц. Для этого потребуется фасад — приложение, которое примет трафик напрямую с балансера, сходит во все требуемые микрофронтенды, всё склеит и отдаст читателю. В микрофронтах общие компоненты — тянем их из UI-kit’a, который подключается как npm-пакет. 

С инфраструктурой так: у нас настроены пайплайны на Gitlab CI, в которых запускается eslint, тесты на Jest, проект пакуется в Docker, статика раскладывается на CDN, а еще собирается отчет по lighthouse-метрикам прямо на ветку. У проектов настроены динамические окружения под фича-ветки, стейдж обновляется по коммиту в мастер, прод — по git-tag. Сам образ деплоится с помощью ArgoCD в Google Kubernetes Engine.

Фронтенды общаются с бэкендами по REST, используем спецификацию OpenAPI, везде, кроме пары сервисов, подрублен Swagger.

Кто в команде
Журнал разделен на несколько направлений, одно из них — образовательное. Направлениям соответствуют продуктовые команды. В продуктовых командах вместе работают фронтендеры, бэкендеры, дизайнеры и менеджеры. По необходимости подключаем тестировщиков, аналитиков и других специалистов. По пятницам команда обсуждает, что получилось сделать на этой неделе и что планирует сделать на следующей.

Всего в технической команде 18 фронтов и JS-фулстэков. Они трудятся над журналом, учебником, интерактивами и другими направлениями. Раз в пару недель созваниваемся, чтобы обсудить чисто фронтендерские штуки: большие изменения в архитектуре, какие у кого новости или открытия, как улучшить процессы. В команде принято кросс-ревью с двумя лайками. Кроме этого будут пересечения по работе над UI-kit’ом.

Кроме белой зарплаты рассчитывайте на:

1. Фултайм-удаленку. По желанию можно приезжать в наш московский офис в семи минутах от «Динамо» или в другие офисы Тинькофф.
2. Помощь в переезде в Москву или в город, где у нас есть офис разработки.
3. Гибкий график. Главное — побольше времени пересекаться с остальной командой.
4. ДМС после испытательного.
5. Рабочий MacBook Pro.
6. Модную лимитированную худи с логотипом Т—Ж после испытательного.
7. Добровольное участие в материалах о сотрудниках журнала.

Чему при желании у нас можно научиться:

1. Выращивать стажеров и делегировать им задачи. Несколько раз в год набираем студентов Физтеха, Вышки, Бауманки, МГУ и других вузов с неплохими техническими программами.
2. Смежным с работой софт- и хард-скиллам. В Тинькофф развитая система внутренних тренингов: от безопасности веб-приложений до поиска баланса между работой и личной жизнью.
3. Писать статьи на «Хабр» и «Медиум», выступать с докладами на митапах и конференциях. В этом помогут наши редакторы, HR и DevRel: подобрать тему, собрать материал, подготовиться и опубликоваться или выступить.
4. Другим навыкам, которых вам будет недоставать для работы. Есть возможность поучиться на курсах или послушать конференции за счет компании.

Чтобы обсудить вакансию, пишите в Телеграм или на почту a.s.kovalchuk@tinkoff.ru.  Буду рад, если начнете с короткого рассказа о себе.