Начало обучения
25 июня 2021
Стоимость курса
45,000 руб
Возможна рассрочка
ReactJS PRO
18 июня 2021
45,000 руб
Автор курса:
Максим Иванов, участвовал
в разработке игры Battlefield,
сейчас делает фронтенд
в Mojang, компании-разработчике Minecraft. Автор книги
«Full Stack React & Typescript».
Автор модуля
о карьере:
Никита Кабардин, разработчик в Spotify,
до этого тоже Battlefield,
ex-CTO Groupon Russia.
Старт потока — 18 июня. Только 30 мест. Набор открыт!
Старт потока — 18 июня. Только 30 мест.
Набор открыт!
Все о школе
Трактор — это небольшая школа программирования, недавно основанная двумя фронтендерами, базирующимися в Стокгольме — один консультирует Mojang, другой консультирует Spotify. Оба работали над Battlefield в DICE (Electronic Arts). У обоих больше 10 лет опыта в индустрии.
Мы сделали маленькую уютную школу технологий «Трактор». Набор открывается раз в 2 месяца на 30 мест, курс длится 4 месяца и еще 8 месяцев можно общаться на созвонах с авторами курса, другими студентами всех потоков и гостями Трактора, которые периодически заходят и рассказывают инсайты.

В голосовых и текстовых чатах мы все вместе много учимся, помогаем друг другу и делимся опытом.

Курс основан на большом количестве практической работы. В процессе курса создаем проект «Артем-Пицца» на основе дизайна, сделанного в Figma.
Подойдет ли мне курс?
Да, если:
1
У вас есть опыт программирования, знание HTML, CSS, JS.
2
Вы понимаете что такое git и как работать в консоли
3
Вы готовы много работать и выделять хотя бы 5 часов в неделю на обучение в течение 4 месяцев
4
Вы умеете и хотите принимать обратную связь как о коде, так и о коммуникации и карьере
Отзывы студентов с первого потока
Антон Купцов
Могилёв, Беларусь
Крутой курс! Ребята отличные!
Я самостоятельно изучал React уже год, но понял, что без менторской поддержки будет сложно продвигаться дальше. Выбирал курс для дальнейшего изучения. Подкупило, что Никита и Максим – опытные практики, профессионалы своего дела. В программе их курса были самые актуальные подходы в использовании React. И выбор пал на «Трактор»! С тестированием в React не сталкивался, хотел научиться. Максим очень хорошо показал принципы и подходы, с чего начинать и как это работает. На курсе познакомился с Redux, тоже классно объяснили и показали. Очень понравились созвоны в сообществе, живое общение - просто бомба😊 Из первых рук получаю информацию, перенимаю опыт других людей.
Курс дал то, что самому сложнее осознать, более широкое и углубленное понимание технологии, как и куда развиваться. А самое ценное - развитие «нетворкинга»!

Антон в LinkedIn
Андрей Рощупкин
Екатеринбург, Россия
Максим и Никита являются неотъемлемой частью образовательного процесса. Они учат тому, чем сами занимаются, а не тому, чему им сказали обучать по устаревшей методичке.
Актуализация знаний происходит в режиме онлайн. Когда вышла новая библиотека по работе с сервером, Максим сразу внедрил ее в курс.
Никита в свою очередь помогает каждому найти идею для уникального, но необязательного дополнительного проекта, чтобы каждый выпускник мог выделиться на фоне большинства "вайтишников".
Очень понравилась обратная связь на курсе, а его стоимость в совокупности с подаваемым материалом формируют лучшее сочетание цена-качество.
Мне есть с чем сравнивать: я сам проходил курсы на других площадках, равно как и мои знакомые обучаются на иных платформах. Однозначно рекомендую, но вместе с тем скажу, что лофы не будет, поскольку программа очень насыщенная.

Андрей в LinkedIn
Юлия Овчинникова
Красноярск, Хельсинки
React сейчас набирает обороты, я хотела изучить эту технологию. У меня мало опыта в программировании, было непросто, но курс помог сделать качественный скачок в знаниях. Материалы курса очень структурированные, полные - начинаешь понимать как проект работает от до до. Максим ясно и поэтапно объяснял даже самые сложные темы. Для меня было также важно, что мы изучили как настраивать окружение, как работать с гитом, как писать тесты.
Атмосфера на курсе добрая. Ощущалось, как Максим и Никита болеют за проект. Я подключаюсь на все разговоры в сообществе. С каждым созвоном понимаю все больше, учусь и вдохновляюсь там.

Юлия в GitHub
Показать еще отзывы
Андрей Хабаров
Санкт-Петербург, Россия
Я выбрал Трактор, потому что в курсе были все технологии, которые были мне интересны, и с которыми я собирался знакомиться.
Понравился лендинг, программа и карьерный модуль, так как в планах есть релокация в Европу. Максим и Никита знают как пишут в Европе, какие технологии наиболее востребованы и актуальны сейчас.
Я пришел на курс разработчиком с опытом 10 месяцев разработки на html, css и нативном js. За время курса я сделал 2 проекта в галере. Взял из курса те технологии, которые были нужны в проектах и внедрил их. Хорошая новость, получил недавно мидла!
Практика и внедрение вещей, которые давали ребята на курсе, открыли доступ к более качественным проектам. К проектам, к которым требуется большее количество знаний, и где разработка ведется командой.

Я бы рекомендовал курс ребятам уровня джуниор и выше, и тем, кто хочет работать удаленно на Европу, либо релоцироваться туда.

Андрей в LinkedIn


Владислав Ильковец
Гродно, Беларусь
Я уже третий год работаю Frontend-разработчиком midle. Давно знаком с React, но хотел двигаться в глубь. Изучал рынок, и ничего не нашел более углубленного, с широким спектором технологий, чем Трактор.
На курс шел за знаниями, которые не везде встретишь, в первую очередь: CI, CD, тесты, безопасность и блок с карьерой. Очень важно для меня также было получать код ревью.
Понравилось коммьюнити. Если есть задачи на работе, которые не получаются, то могу получить помощь от ребят в сообществе, и они помогут - крутая вещь. После курса стал увереннее себя чувствовать, запросил побольше зарплату. Узнал про, казалось бы, базовые вещи, которые простые, но очень важные. В том числе развился в работе в команде. Я бы посоветовал трактор начинающим разработку на React. Прикладные видосы и программа, без воды. Максим классно обьясняет материал. Есть возможность живого общения и фидбека. Цена золотая середина. И блок с карьерой классный. Я остался доволен.

Получил очень много и мои ожидания оправдались.

Владислав в LinkedIn
Максим Тугов
Омск, Россия
Занимаюсь BI разработкой. Пришел на курс с небольшим знанием js, React вообще не знал. Хотел овладеть новыми знаниями, чтобы уйти в другую специализацию, сменить работу. Во время курса погрузился максимально глубоко, много учился. В итоге, за 3 месяца качественно прокачался. В начале курса плохо понимал код, а сейчас - это другой уровень. Это практический курс, поэтому те знания, которые приобрел на курсе, позволяют устроиться на работу на React. Сменить специализацию. Максим крутой разработчик, практик и свои наработки он отдает на курс - это все подкупает. Ребята вкладывают свою душу, и они большие профессионалы, мировые, я бы даже сказал.

Курс, который может вывести вас на новый уровень.

Максим в VK
React сегодня

React проник везде, во все технологические компании. Сейчас — бум спроса на фронтенд-разработчиков в мире
Перспективы

React —классный способ попасть в Spotify, Amazon, Facebook, Electronic Arts, Microsoft, PayPal
Преимущества

React — удобный инструмент, чтобы быстро проверять свои идеи и делать MVP и не зависеть от программистов, если вы стартапер или дизайнер
Максим Иванов
автор курса
◦ Опыт программирования — более 10 лет
◦ Опыт работы: Electronic Arts (Battlefield),
Mojang (Minecraft), The Economist,
Bloomberg, Toptal
◦ Преподаёт React более двух лет
◦ Автор англоязычной книги Full Stack React &
Typescript, вышедшей в издательстве
newline.co
◦ Консультант по разработке в топовых
продуктовых компаниях в Стокгольме
◦ Спикер и организатор международных
мероприятий по программированию
◦ Ведущий англоязычного YouTube канала по
программированию (17к+ подписчиков)
◦ Обучил React более 700 человек
Старт потока — 18 июня. Только 30 мест. Набор открыт!
Старт потока — 18 июня. Только 30 мест.
Набор открыт!
Программа курса
К урокам прилагаются небольшие практические задания для закрепления материала.
Длительность -
2 недели, нагрузка 16 часов
Длительность -
2 недели, нагрузка 16 часов
⭐ Модуль 1: Введение в React
Уроки:
  • Создаём React приложение
  • Пишем лейаут на JSX
  • Что такое компоненты в React
  • Создаём компоненты классы
  • Создаём компоненты функции
  • Ивенты и простые формы
  • Пишем тесты для компонентов
  • Контекст
  • React хуки
  • useState
  • useEffect
  • useReducer
  • Пишем свой хук
Чему вы научитесь:
  • Создавать React приложения
  • Описывать лейаут приложения на JSX
  • Объявлять компоненты
  • Обрабатывать пользовательские события
  • Тестировать компоненты
  • Передавать данные через контекст по всему приложению
  • Тестировать контекст
  • Использовать React хуки, и работать со стейтом без классов
Почему это важно:
Знание встроенных в React инструментов - это основа. В следующих модулях мы изучим библиотеки, которые упрощают разработку React приложений, но сперва нужно разобраться с идеями заложенными в сам React и научиться эффективно его использовать.

Домашнее задание:
Создаём приложение конфигуратор пиццы. Покрываем компоненты тестами.
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
⚒ Модуль 2: Деплой React приложений
Уроки:
  • Как деплоить приложения
  • CI, CD и другие понятия связанные с деплоем
  • Как настроить деплой с Github Actions
  • Отслеживаем ошибки при помощи Sentry
Чему вы научитесь:
  • Деплоить приложение на хостинг
  • Настраивать автоматический деплой с Github Actions
  • Настраивать автоматические тесты при деплое
  • Отслеживать ошибки в продакшене с помощью Sentry.
  • Получать качественные отчёты об ошибках в Sentry при помощи source maps.
Почему это важно:
Вручную выкладывать приложения на сервер трудозатратно и может привести к дополнительным ошибкам. Важно уметь автоматизировать эту задачу.
Правильно настроенный деплой позволит экономить силы и позволит убедиться в работе приложения при помощи автоматического выполнения тестов.

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

Домашнее задание:
Настраиваем деплой наших приложений через Github Actions, подключаем Sentry для отслеживания ошибок.
Длительность - неделя, нагрузка - 8 часов
Длительность - неделя, нагрузка - 8 часов
✈️ Модуль 3: Навигация
Уроки:
  • Основы навигации с React-router-dom
  • Динамическая навигация
  • Закрытые рауты - авторизация
  • Передаём параметры в URL
  • Хуки react-router-dom
  • Тестируем навигацию
Чему вы научитесь:
  • Делать многостраничные приложения
  • Делать страницы, которые требуют авторизации
  • Обрабатывать параметры в URL
  • Работать с динамической навигацией
  • Хуки react-router-dom
  • Тестировать навигацию
Почему это важно:
React-router-dom позволяет разделить приложение на несколько страниц. Это самая популярная библиотека для навигации для React приложений. Если вы хотите создавать многостраничные React приложения - важно знать как работает навигация при помощи JavaScript и какой подход предлагает React-router-dom.

Домашнее задание:
Добавляем навигацию по страницам при помощи React Router DOM.
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
⚱ Модуль 4: Формы
Уроки:
  • Основы React Hook Form
  • Обрабатываем ошибки - валидация полей
  • Валидируем формы с Yup
  • Нормализуем значения
  • Отправляем файлы
  • Тестируем формы
Чему вы научитесь:
  • Получать данных из формы
  • Обрабатывать ошибки
  • Валидировать формы
  • Нормализировать значения, приводить их к стандартному формату
  • Отправлять файлы
  • Тестировать формы
Почему это важно:
Создание форм - одна из самых частых задач при разработке web-приложений. Есть много разных библиотек, которые упрощают эту задачу. Мы изучим именно React-hook-form, потому что по моему опыту - это самая удобная библиотека для работы с формами.

Домашнее задание:
Подключаем React-hook-form и упрощаем с её помощью все формы на проекте
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
⚡ Модуль 5: Общение с сервером
Уроки:
Загружаем данные с сервера
Отправляем данные на сервер
Обрабатываем ошибки сервера
Работаем с данными при помощи ReactQuery
Тестируем общение с сервером

Чему вы научитесь:
  • Запрашивать данные с сервера из компонента
  • Отправлять данные
  • Отделять код для работы с сервером в отдельный слой
Почему это важно:
Мало какие приложения обходятся без коммуникации с сервером. Часто нужно синхронизировать состояние сервера и React приложения. Важно знать как организовать работу с сервером так, чтобы избежать ошибок и сделать тестирование приложения удобным.

Домашнее задание:
Загружаем список доступных ингредиентов с сервера. Создаём новое приложение - админку. Через него будем добавлять новые ингридиенты для пиццы.
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
⌨ Модуль 6: Работа со стейтом в Redux
Уроки:
  • Что такое Redux
  • Добавляем Redux в проект
  • Работа с сервером в Redux
  • Когда Redux не нужен / не подходит
  • Тестирование Redux кода
Чему вы научитесь:
  • Использовать Redux для хранения данных
  • Подключать Redux к React приложению
  • Выполнять запросы на сервер в Redux приложении
  • Тестировать код использующий Redux
Почему это важно:
В больших приложениях часто требуется хранить множество полей данных. Это могут быть данные которые мы получаем с сервера, или информация, которую вводят пользователи. Redux позволяет централизованно хранить эти данные и предоставлять доступ к ним по всему приложению.

Домашнее задание:
Подключаем Redux к проекту. С помощью Redux оранизуем работу с внутренними данными приложения.
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
⚙ Модуль 7: Используем Redux-Toolkit
Уроки:
  • Что такое Redux-Toolkit
  • Создаём store
  • Используем createReducer и createAction
  • Используем slice
  • Используем createAsyncThunk
Чему вы научитесь:
  • Подключать Redux-Toolkit к приложению
  • Создавать редьюсеры и экшены методами Redux-Toolkit
  • Выполнять сетевые запросы при помощи Redux-Toolkit
Почему это важно:
Redux, о котором мы говорим в предыдущем модуле требует довольно много бойлерплейта. Это код, который не описывает бизнес-логику, а нужен для того, чтобы Redux в принципе работал. В этом модуле мы изучим Redux-Toolkit. Это библиотека, которая упрощает создание стора, редьюсеров и экшенов. Пишем меньше кода, приносим больше пользы.

Домашнее задание:
Подключаем Redux-toolkit и упрощаем Redux код, который написали в предыдущем модуле.
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
⚗ Модуль 8: Стили
Уроки:
  • Стили в React - обзор
  • Инлайн стили
  • Используем CSS
  • CSS модули
  • Styled-Components
  • Storybook
Чему вы научитесь:
  • Использовать инлайн стили
  • Работать с CSS и SCSS
  • Использовать CSS модули
  • Стилизовать приложение при помощи styled-components
  • Использовать Storybook для разработки, тестирования и демонстрации компонентов
Почему это важно:
Способов которыми можно стилизовать React приложения много. Важно понимать какие у них отличия, преимущества и недостатки. Кроме собственно написания стилей важно уметь их документровать и поддерживать в них порядок. Поэтому мы изучим не только способы написания стилей но и инструмент документирования -  Storybook.

Домашнее задание:
Добавляем стили к нашему приложению. За основу берём стили описанные в Фигме.
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
⛓ Модуль 9: Авторизация
Уроки:
  • Авторизация и аутентификация
  • Авторизация по логину и паролю
  • Аутентификация по одноразовому паролю OTP
Чему вы научитесь:
  • Отличать авторизацию от аутентификации
  • Подключать авторизацию по паролю
  • Настраивать авторизацию с помощью сторонних сервисов
  • Реализовывать авторизацию по одноразовым паролям
Почему это важно:
Авторизация в веб приложениях - это критическая часть. От неё зависит безопасность данных ваших пользователей. Мы рассмотрим какие виды авторизации бывают и узнаем на что обращать внимание при реализации выбранной стратегии.

Домашнее задание:
Подключаем авторизацию. В админке авторизация по логину и паролю, в конфигураторе пиццы - по номеру телефона.
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
✋ Модуль 10: Безопасность
Уроки:
  • Начало работы
  • Инъекции
  • Уязвимости аутентификации
  • XSS уязвимости
  • DOR уязвимости
  • Ошибки в настройках безопасности приложения
  • Утечка приватной информации
  • Уязвимости связанные с уровнем доступа
  • CSRF - Cross Site Request Forgery
  • Уязвимости в сторонних библиотеках
  • Редиректы
Чему вы научитесь:
  • Узнаете основные типы уязвимостей, как на клиенте, так и на сервере
  • Узнаете, что такое XSS
  • Как могут проводиться атаки на ваше приложение
  • Как защититься от взлома
Почему это важно:
Данные ваших пользователей могут быть очень интересны злоумышленникам. Существует множество видов атак на web приложения. Важно иметь хотя бы базовое предстваление о возможных векторах атак и уметь от них защититься. Разберёмся с основными и самыми популярными видами уязвимостей и научимся их избегать.

Домашнее задание:
Выполняем упражнения представленным видам уязвимостей. Проводим security-аудит нашего приложения.
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
⚙ Модуль 11: Серверный рендеринг
Уроки:
  • Базовый пример серверного рендера
  • Серверный рендеринг с Next.js
  • Статические сайты на Next.js
Чему вы научитесь:
  • Понимать зачем нужен серверный рендеринг
  • Отличать SSR от SSG
  • Создавать React приложения, которые рендерятся на сервере
  • Генерировать статические страницы при помощи NextJS
Почему это важно:
Обычно React приложения выполняют рендер прямо в браузере, в момент выполнения. На самом деле React этим не ограничен. Можно рендерить приложения на сервере или даже сделать это заранее в файл. Разберёмся зачем это нужно, когда стоит использовать и как реализовать.
Длительность - неделя, нагрузка
8 часов
Длительность - неделя, нагрузка
8 часов
☕ Бонусный модуль: Карьера разработчика
Уроки:
  • Карьерная цель, план развития на 5 лет
  • Резюме, LinkedIn, cover letter
  • Собеседования
  • Поиск работы
  • Корпоративная и командная игра, софт-скиллы
Чему вы научитесь:
  • Планировать развитие карьеры
  • Ставить карьерные цели
  • Грамотно составлять резюме
  • Писать CV (Cover Letter)
  • Эффективно взаимодействовать с командой
  • Повышать свою ценность в компании
1. Новый модуль - каждую неделю. Набор видео, текстовые __материалы, примеры кода и домашнее задание.
2. Созвоны в дискорде — минимум один в неделю, обычно в __пятницу в 20:00 по Москве. В некоторые недели — __Трактор. Завтрак, созвон в 10 по Москве, чтобы смогли __участвовать студенты из других часовых поясов.
3. Текстовые чаты с авторами курса, гостями Трактора (в том __числе авторы больших проектов в опен-сорсе, стартаперы, __разработчики в западных компаниях)
4. К каждому созвону собираются вопросы, которые __разбираются в прямом эфире.
5. Если вы застряли — можно попросить помощь в канале __#unblockme
6. Ответы на вопросы и ревью кода в формате loom-видео (скринкасты).
Как проходит обучение
Заводим Трактор
Как вас найти в телеграме?
Спишемся и пришлем все важные ссылки
Вопрос
Отправляя форму, я соглашаюсь на обработку персональных данных
Проект в портфолио
Мы работаем на реальных кейсах, которые особенно востребованы современным бизнесом. Минимум теории, которая может вам не пригодится — максимум практических решений для повседневной работы React-разработчика.
Знакомьтесь —
это Артем из Артемьевска
Это вымышленный персонаж
с совершенно реальными задачами
Артем открывает сеть пиццерий
Отличительная особенность
его бизнеса — возможность
собрать пиццу из кастомных
ингредиентов, и типовые
решения Артему не подходят.
Вымышленный Артем
уже обратился к настоящему
дизайнеру Ярославу
и на данный момент почти готов прототип будущего приложения,
сверстанный в Figma
А теперь Артем
обращается к вам
чтобы на React разработать конструктор пиццы для его клиентов, и админку для тщательной настройки — ему.
В рамках курса мы пройдем путь
от основ React до готового проекта продакшен-уровня.
Стоимость курса: 45000 руб.
Доступно 30 мест,
начало обучения 18 июня.
Возможна рассрочка.
В стоимость входит:
• Основной блок курса (11 модулей, 4 месяца)
• Бонусный блок по карьере (составление резюме и _)собеседования)
• Доступ к материалам 2 года
• Доступ к Traktor Community 1 год
• Домашние задания по каждому модулю
• Поддержка авторов и команды Traktor в Дискорде
• Еженедельные созвоны (гарантированный
_)минимум в 14 созвонов)
• Чат выпускников с вакансиями
• Сертификат об окончании курса
Заводим Трактор
Как вас найти в телеграме?
Спишемся и пришлем все важные ссылки
GitHub, если есть
Отправляя форму, я соглашаюсь на обработку персональных данных.
Принципы Трактора
1

Трактор — это место для амбициозных разработчиков, которые готовы много учиться, много экспериментировать, создавать связи и делиться знаниями с другими.

2

Трактор вдохновляется западными методиками обучения. Мы ценим работу в группе, мы помогаем придумать идеи для своих проектов и даже помогаем придумать свои стартапы. Если у вас есть проект, который вы давно хотели бы реализовать — вы можете это делать внутри Трактора, найти себе потенциальных коллег в команду, вместе что-то начать, и если вы делаете свой стартап, используя ресурсы Трактора —

мы никогда ничего не потребуем взамен — это полностью ваша собственность.

Если у вас нет идей проекта —

в Тракторе помогут вам ее выбрать.

3

Многие школы, работающие в русскоязычном рынке, строят свои процессы через иерархию, найм наставников на обязательную, строго регулируемую работу, выписывают штрафы и всячески изолируют учеников друг от друга.

4

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

5

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

6

Оба создателя Трактора выросли в российских городских окраинах и были вынуждены долго и упорно переучиваться общаться, чтобы внедриться в западные коллективы выского уровня. Мы из первых рук понимаем, что софт-скиллы — такая же неотъемлемая часть профессии, как CSS и HTML. Именно поэтому у нас есть целый модуль о карьере и мы постоянно обсуждаем это во внутренних дискуссиях — делимся знаниями, опытом о прошедших собеседованиях, инсайтами из культур разных компаний.

7

Наша цель — построить такую школу, которая не просто научит вас программировать — а поможет вам достичь своих самых амбициозных целей.

8

Мы не верим в «балльную систему» и иеарархию, нормы выработки и обязаловку. Мы все очень разные и учимся в разном темпе. Кому-то поможет ревью кода, а кому-то помогает общаться в чате и разблокироваться а фидбек на код уже не сильно нужен. Кому-то важно учиться взаимодействовать в команде, а кому то вдумчиво и долго погружаться самому. Трактор — для разных людей