Фронтендер (в Учебник)

Что за Учебник

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

Кого ищем

• Уверенный кандидат:
• Знает JavaScript: функции, асинхронность, как код работает в браузере.
• Писал приложения с SSR.
• Придумывал и реализовывал архитектуру фронтовых приложений.
• Знает React: виртуальный DOM, хуки, компоненты.
• Использовал TypeScript: весь код у нас покрыт типами и билдится в стрикт-моде.
• Умеет писать unit-тесты.
• Если умеете в Docker и Kubernetes — кайф. Если нет — поможем научиться до достаточного уровня.

Чем предстоит заняться

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

Что предлагаем

• Кроме белой зарплаты рассчитывайте на:
• Фултайм-удаленку. По желанию можно приезжать в наш московский офис в семи минутах от «Динамо» или в другие офисы Тинькофф.
• Помощь с переездом в Москву или в город, где у нас есть офис разработки.
• Гибкий график. Главное — побольше времени пересекаться с остальной командой.
• ДМС после испытательного.
• Рабочий MacBook Pro.
• Модную лимитированную худи с логотипом Т—Ж после испытательного.
• Добровольное участие в материалах о сотрудниках журнала.
• Если уверены, что справитесь, и звучит интересно, предлагаю посмотреть на то, как у нас все внутри. Начнем с технологий.

Что у нас по технологиям

• У нас сложная схема рендеринга: запрос идет сначала на 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’ом.

Как помогаем расти

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