JavaScript и React
за 8 недель
В финале — реальный оплачиваемый заказ от живого клиента. Его забирает лучший участник потока
113 уроков и 70% практики, всё складывается в GitHub. Каждую неделю открывается блок с датой сдачи, а работы разбирает живой куратор: читает код целиком и пишет, что переделать
Анкета займёт пару минут и ни к чему не обязывает
Обычно курсы бросают. Здесь доходят 9 из 10
Знакомо что-то из этого?
- Буксуешь на JS
- Смотришь чужой код и не понимаешь, как написать свой
- Пробовал не раз и каждый раз бросал
- Доходишь до середины и сливаешься
- Без дедлайнов откладываешь на завтра
- Хочешь писать код сам, без нейросети
- Хочешь сразу применить навык в рабочем проекте, а не искать работу полгода
Когда учишься самостоятельно, поводов бросить хватает
Слева — как это выглядит в одиночку, справа — что с этим делает поток:
Нет дедлайнов
Никто не ждёт твою работу. Один вечер пропустил, потом ещё один — а через три недели уже не возвращаешься
Дедлайн у каждого блока
У блока уроков своя дата сдачи, а жизни всего две. Вопрос «садиться сегодня или нет» отпадает сам
Проверять себя утомительно
Учиться и одновременно проверять свой код тяжело. Запустился — вроде правильно, а кривое решение всплывёт через месяц
Код проверяет куратор
Читает работу целиком и пишет, что переделать и почему. Спросить его можно в общем чате потока
Нет мотивации разобраться быстрее
Учишь для себя — можно растянуть на полгода. А можно и не закончить: никто не заметит
Гонка за оплачиваемый проект
В финале разыгрывается заказ от живого клиента, идёт борьба по рейтингу. Появляется ради чего ускоряться
начавших доходят до конца там, где есть сроки и разбор каждой работы. В этом формате мы уже провели экспресс-курс по вёрстке
Курс для тех, кто уже умеет верстать и хочет освоить JavaScript и React на уровне крепкого джуна
Программировать научим с нуля, а вёрстку нужно знать заранее: флексбокс, блочные и строчные элементы, классы
Вёрстка есть, JS не идёт
Макет верстаешь, а свой код написать не выходит
Курс куплен и заброшен
Уроки давно куплены и лежат. Не хватает графика и человека, который проверит
Нужен React, а не «знакомство»
85 уроков: хуки, роутинг, API, тесты, Redux и RTK Query
Не подойдёт новичкам с нуля
HTML и CSS нужны на входе. Напиши — подскажем, с чего начать
Не подойдёт «просто посмотреть»
Каждую неделю нужно сдавать работы
Как устроен курс
Это поток, а не папка с видео: группа идёт по общему графику — уроки → работа → ревью куратора → следующий блок
-
1
Получаешь блок уроков и срок
В кабинете открывается новый блок уроков с датой сдачи
-
2
Пишешь код и сдаёшь работу
Всё копится в GitHub — к финалу это репозиторий с проектами
-
3
Куратор читает твой код
Живое ревью каждой работы. Автопроверок нет
-
4
Сорвал срок — теряешь жизнь
Жизни две. Сгорела последняя — выходишь из потока
-
5
Идёшь по рейтингу вместе с группой
Видно, кто где идёт — и кто дышит в спину
Дедлайны по урокам
У каждого блока уроков своя дата сдачи
Две жизни на поток
Пропустил дедлайн — сгорает одна
Живое ревью
Каждую работу читает куратор
Рейтинг потока
Видно, кто и как идёт по дистанции
Чат с куратором
Общий чат потока — вопросы можно задавать по ходу
Где будут проходить занятия
Живые страницы кабинета: переключай вкладки и кликай прямо здесь
Кабинет рассчитан на десктоп — с телефона открой «во всю ширину»
113 уроков: от первого let до RTK Query
Восемь модулей, каждый — с рабочим результатом. Разверни, чтобы увидеть темы
JavaScript
Основы, DOM, ООП, работа с сервером. В конце — дипломный проект
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 и в нейросети▼
Что будет после потока?▼
Уходишь? Заполни анкету сейчас и получи в подарок два месяца подписки на нейросеть Gemini
Пригодится и на курсе, и в работе
Анкета занимает пару минут и ни к чему не обязывает: мы просто посмотрим, подходит ли тебе формат
Заполнить анкету и забрать подарокПро подарок напишем в телеграм, который ты оставишь в анкете