Экспресс-курс · идёт набор в поток

JavaScript и React
за 8 недель

В финале — реальный оплачиваемый заказ от живого клиента. Его забирает лучший участник потока

113 уроков и 70% практики, всё складывается в GitHub. Каждую неделю открывается блок с датой сдачи, а работы разбирает живой куратор: читает код целиком и пишет, что переделать

Анкета займёт пару минут и ни к чему не обязывает

113уроков: 28 JS + 85 React
8недель, ~2 часа в день
70%практики, всё в GitHub
1оплачиваемый заказ — лучшему
Главное

Обычно курсы бросают. Здесь доходят 9 из 10

Знакомо что-то из этого?

  • Буксуешь на JS
  • Смотришь чужой код и не понимаешь, как написать свой
  • Пробовал не раз и каждый раз бросал
  • Доходишь до середины и сливаешься
  • Без дедлайнов откладываешь на завтра
  • Хочешь писать код сам, без нейросети
  • Хочешь сразу применить навык в рабочем проекте, а не искать работу полгода

Когда учишься самостоятельно, поводов бросить хватает

Слева — как это выглядит в одиночку, справа — что с этим делает поток:

Самостоятельно
На курсе

Нет дедлайнов

Никто не ждёт твою работу. Один вечер пропустил, потом ещё один — а через три недели уже не возвращаешься

Дедлайн у каждого блока

У блока уроков своя дата сдачи, а жизни всего две. Вопрос «садиться сегодня или нет» отпадает сам

Проверять себя утомительно

Учиться и одновременно проверять свой код тяжело. Запустился — вроде правильно, а кривое решение всплывёт через месяц

Код проверяет куратор

Читает работу целиком и пишет, что переделать и почему. Спросить его можно в общем чате потока

Нет мотивации разобраться быстрее

Учишь для себя — можно растянуть на полгода. А можно и не закончить: никто не заметит

Гонка за оплачиваемый проект

В финале разыгрывается заказ от живого клиента, идёт борьба по рейтингу. Появляется ради чего ускоряться

9 из 10

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

Для кого

Курс для тех, кто уже умеет верстать и хочет освоить JavaScript и React на уровне крепкого джуна

Программировать научим с нуля, а вёрстку нужно знать заранее: флексбокс, блочные и строчные элементы, классы

🧱

Вёрстка есть, JS не идёт

Макет верстаешь, а свой код написать не выходит

📦

Курс куплен и заброшен

Уроки давно куплены и лежат. Не хватает графика и человека, который проверит

⚛️

Нужен React, а не «знакомство»

85 уроков: хуки, роутинг, API, тесты, Redux и RTK Query

🚫

Не подойдёт новичкам с нуля

HTML и CSS нужны на входе. Напиши — подскажем, с чего начать

👀

Не подойдёт «просто посмотреть»

Каждую неделю нужно сдавать работы

Как устроено

Как устроен курс

Это поток, а не папка с видео: группа идёт по общему графику — уроки → работа → ревью куратора → следующий блок

  1. 1

    Получаешь блок уроков и срок

    В кабинете открывается новый блок уроков с датой сдачи

  2. 2

    Пишешь код и сдаёшь работу

    Всё копится в GitHub — к финалу это репозиторий с проектами

  3. 3

    Куратор читает твой код

    Живое ревью каждой работы. Автопроверок нет

  4. 4

    Сорвал срок — теряешь жизнь

    Жизни две. Сгорела последняя — выходишь из потока

  5. 5

    Идёшь по рейтингу вместе с группой

    Видно, кто где идёт — и кто дышит в спину

Дедлайны по урокам

У каждого блока уроков своя дата сдачи

❤️

Две жизни на поток

Пропустил дедлайн — сгорает одна

👁

Живое ревью

Каждую работу читает куратор

📊

Рейтинг потока

Видно, кто и как идёт по дистанции

💬

Чат с куратором

Общий чат потока — вопросы можно задавать по ходу

Личный кабинет

Где будут проходить занятия

Живые страницы кабинета: переключай вкладки и кликай прямо здесь

Кабинет рассчитан на десктоп — с телефона открой «во всю ширину»

Программа

113 уроков: от первого let до RTK Query

Восемь модулей, каждый — с рабочим результатом. Разверни, чтобы увидеть темы

28

JavaScript

Основы, DOM, ООП, работа с сервером. В конце — дипломный проект

85

React

От первого компонента до хуков, роутинга, тестов и RTK Query. Уроки здесь короче, чем в JS-блоке, — идут заметно быстрее

1

Основы языка

JavaScript · база, на которой всё держится
8 уроков
  • Подключение JS, правила написания кода, основы Git
  • Типы данных, операторы, методы и свойства
  • Динамическая типизация, условия и ветвления
  • Функции: анонимные, callback, чистые
  • Циклы, рекурсия
  • Область видимости и замыкания
  • Объекты, массивы, методы перебора, псевдомассивы
  • Подготовка проекта для работы со страницей

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

2

DOM, события и ООП

JavaScript · страница начинает слушаться
9 уроков
  • Доступ к элементам страницы и отладка кода
  • Работа с DOM
  • События, обработчики, мышь и клавиатура
  • localStorage, sessionStorage, cookie
  • Контекст вызова this
  • ООП: наследование, прототипы, конструкторы, классы
  • ES6: шаблонные строки, стрелочные функции, геттеры и сеттеры
  • rest, spread, деструктуризация, Map и Set
  • Способы перебора массивов

Результат: готовый таймер на JS; умеешь менять содержимое страницы и писать анимации

3

Углублённый JS и работа с сервером

JavaScript · шесть компонентов и диплом
11 уроков
  • Webpack и модульный JS
  • setTimeout, setInterval, requestAnimationFrame, Date
  • Параметры окна и документа: меню и модальное окно
  • Делегирование: табы и слайдер
  • Атрибуты, дата-атрибуты, регулярные выражения
  • Калькулятор
  • Формы и валидация
  • JSON и AJAX
  • try…catch, Promise, Event Loop, стек вызовов
  • Fetch API

Результат: шесть рабочих компонентов в GitHub — меню, модальное, табы, слайдер, калькулятор, форма — плюс дипломный проект на выбор по сложности

4

React: базовый уровень

React · компонентный подход
24 урока
  • Зачем нужен React
  • Create React App, структура проекта, DevTools
  • JSX и его ограничения
  • Компоненты функциональные и классовые, StrictMode
  • props, state, работа со списками
  • События и обработчики
  • Формы контролируемые и неконтролируемые
  • Иммутабельность и подъём состояния
  • Фрагменты, поиск и фильтры
  • Семантика и доступность
  • Стили: inline, CSS, SASS, Styled Components

Результат: собственный проект на React и понимание компонентного подхода

5

API и жизненный цикл

React · средний уровень
14 уроков
  • Что такое API
  • Работа с сервером, трансформация данных
  • Ошибки, спиннеры, условный рендеринг
  • Жизненный цикл компонентов
  • Error Boundaries
  • Пагинация
  • PropTypes
  • props.children
  • Специализация и наследование
  • render-props
  • Ref и порталы
  • Бандлинг и выгрузка на сервер

Результат: приложение, которое работает с реальным API и живёт на сервере

6

Хуки и продвинутый уровень

React · то, что спрашивают на собеседованиях
22 урока
  • useState, useEffect, useCallback, useMemo, useRef
  • Собственные хуки
  • Переписывание проекта на хуки
  • React 18+: Batching, useTransition, useDeferredValue
  • React Router
  • React.lazy и динамические импорты
  • React.memo и оптимизация
  • Context и useContext
  • useReducer
  • HOC
  • Formik, json-server
  • React Transition Group
  • SEO в React, react-helmet

Результат: владеешь хуками, роутингом, оптимизацией и экосистемой вокруг React

7

Тестирование

React · код, которому можно доверять
4 урока
  • Зачем нужно тестирование
  • Jest
  • Практика написания тестов, Enzyme
  • Дебаггинг

Результат: умеешь писать тесты и находить причину поломки

8

Redux и Redux Toolkit

React · состояние больших приложений
21 урок
  • Принципы Redux: теория и практика
  • Чистые функции
  • actionCreators, bindActionCreator
  • React + Redux через connect и через хуки
  • Redux DevTools
  • Комбинирование reducers, createSelector
  • store enhancers, middleware, redux-thunk
  • RTK: configureStore, createAction, createReducer, createSlice
  • createAsyncThunk, createEntityAdapter
  • RTK Query
  • Структуры проектов

Результат: Redux от основ до RTK Query — тот самый пункт, который чаще всего просят в вакансиях

Бонусом сверх программы: анимации на JS, Observer, TypeScript, Intl, Vite, Node.js

🏆

Лучший на курсе получает оплачиваемый проект

После курса обычно начинается второй забег — искать работу или первый заказ. Здесь первый оплачиваемый проект разыгрывается прямо на курсе: заказ от живого клиента, с техзаданием, правками и оплатой, забирает тот, кто финиширует первым по рейтингу. Хороший повод не сбавлять темп до финала.

Займи место в потоке

Короткая анкета на пару минут — посмотрим, подходит ли тебе формат, и вернёмся с деталями

Вопросы

Что обычно спрашивают

Кто проверяет работы?
Каждую работу смотрит живой куратор: читает код целиком и пишет, что переделать и почему. Он же отвечает на вопросы в общем чате потока. Автопроверок на курсе нет.
Сколько времени это занимает?
В день лучше закладывать около двух часов, сдавать работы нужно раз в неделю. Если понимаешь, что столько не выйдет, — есть формат без дедлайнов, там темп свой.
Можно учиться без дедлайнов?
Да, для этого есть отдельный формат: программа та же, куратор проверяет работы, но сроки не выкидывают из потока. Чтобы узнать подробности, заполни анкету — расскажем.
Записи уроков останутся?
Да, записи остаются у тебя навсегда — и после того, как поток закончится.
А если я сорву срок и вылечу?
Жизни на курсе две, поэтому одна просрочка из потока не выкидывает. А если заранее понимаешь, что график будет рваться, бери формат без дедлайнов.
Я совсем новичок, без вёрстки. Возьмёте?
Программировать начнём с нуля, а вёрстка нужна на входе. Если её пока нет, напиши об этом в анкете — подскажем, с чего начать.
Это же всё есть бесплатно на YouTube и в нейросети
Тогда почему ты до сих пор плаваешь в JS и читаешь этот лендинг?)) Уроки давно у всех, а доходят единицы: бесплатно никто не ждёт твою работу, не разбирает её и не торопит.
Что будет после потока?
Останется пройденная программа, репозиторий с проектами и навык писать код самому.
Участвовать