Экспресс-курс JavaScript + React

Главное

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

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

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

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

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

Самостоятельно

На курсе

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

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

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

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

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

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

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

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

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

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

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

После блока JavaScript и после React оплачиваемый проект от живого клиента получает первый в рейтинге. Появляется ради чего ускоряться

9 из 10

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

Для кого

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

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

🧱

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

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

📦

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

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

⚛️

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

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

🚫

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

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

👀

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

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

Как устроено

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

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

1
Получаешь блок уроков и срок
В кабинете открывается новый блок уроков с датой сдачи
2
Пишешь код и сдаёшь работу
Всё копится в GitHub — к финалу это репозиторий с проектами
3
Куратор читает твой код
Живое ревью каждой работы. Автопроверок нет
4
Сорвал срок — теряешь жизнь
Жизни две. Сгорела последняя — выходишь из потока
5
Идёшь по рейтингу вместе с группой
Видно, кто где идёт — и кто дышит в спину

⏱

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

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

❤️

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

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

👁

Живое ревью

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

📊

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

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

💬

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

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

🛠

6 практических проектов

По три в блоке JavaScript и React — на них и оттачиваешь навык

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

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

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

Открыть во всю ширину ↗

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

Программа

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

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

28

JavaScript

Основы, DOM, ООП, работа с сервером. Внутри блока — 3 практических проекта

85

React

От первого компонента до хуков, роутинга, тестов и RTK Query. Ещё 3 проекта

Все уроки — записанное видео, смотришь когда удобно. В блоке JavaScript уроки длинные и плотные, в React они заметно короче, и заданий к ним меньше

6

практических проектов за курс — три в блоке JavaScript и три в React. На них и оттачиваешь навык: каждый пишешь сам, куратор читает код и говорит, что переделать, всё уходит в GitHub и остаётся в портфолио

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

Подробная программа со всеми темами ↗

🏆

Два оплачиваемых проекта — лучшим в рейтинге

Первый проект отдаём после блока JavaScript, второй — после React. Оба от живых клиентов: с техзаданием, правками и оплатой за работу. Никакой лотереи — проект получает тот, кто к этому моменту набрал больше баллов. Это сверх шести учебных проектов курса, и эти два — настоящие, от клиентов. После обычного курса начинается второй забег — искать работу или первый заказ, чтобы было что показать. Здесь поработать за деньги можно уже во время учёбы.

Рейтинг потока · пример из кабинета

1 Алексей К. забирает проект 421

2 Марина В. 398

3 Дмитрий Т. 341

7 Ты до первого места — 96 баллов 325

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

Тарифы · старт 31 августа

Два режима — выбери под себя

Курс один и тот же. Разница в том, что будет, если неделя выпадет, и как долго с тобой остаётся куратор

В обоих тарифах

113 уроков: 28 JavaScript и 85 React
6 практических проектов в портфолио
Живое ревью кода от куратора
Рейтинг и гонка за два оплачиваемых проекта
Доступ к материалам навсегда
Общий чат потока

Поток · две жизни

С дедлайнами

24 990₽

В рассрочку до 12 месяцев без переплат — ≈2 083 ₽/мес

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

Что добавляется к общему · режим потока

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

Оплатить курс Забронировать место за 1000 ₽

Бронь закрепляет за тобой место в потоке

Страховка · жизни не сгорают

Без дедлайнов

34 990₽

В рассрочку до 12 месяцев без переплат — ≈2 916 ₽/мес

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

Всё то же самое, плюс · четыре отличия

Страховка от вылета: жизни не сгорают, пропущенная неделя не выбрасывает из потока и чата
Куратор проверяет домашки в течение года, а не только пока идёт поток
Годовая подписка на нейросеть в подарок
Курс по Vue сверх программы

Забронировать место за 1000 ₽

Бронь закрепляет за тобой место в потоке, остальное обсудим с куратором

Курс у тарифов один. Доплата идёт за страховку: тебя не выбрасывает при срыве, куратор остаётся с тобой год, сверху подписка на нейросеть и Vue

Вопросы

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

Кто проверяет работы?▼

Каждую работу смотрит живой куратор: читает код целиком и пишет, что переделать и почему. Он же отвечает на вопросы в общем чате потока. Автопроверок на курсе нет.

Сколько времени это занимает?▼

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

Чем тарифы отличаются друг от друга?▼

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

Записи уроков останутся?▼

Да, записи остаются у тебя навсегда — и после того, как поток закончится.

А если я сорву срок и вылечу?▼

Жизни на курсе две, поэтому одна просрочка из потока не выкидывает. Если сгорят обе, ты выйдешь из потока и чата, но все материалы останутся у тебя навсегда. А если заранее понимаешь, что график будет рваться, бери тариф без дедлайнов: там жизни не сгорают.

Я совсем новичок, без вёрстки. Возьмёте?▼

Программировать начнём с нуля, а вёрстка нужна на входе. Если её пока нет, напиши нам в телеграм — подскажем, с чего начать.

Это же всё есть бесплатно на YouTube и в нейросети▼

Тогда почему ты до сих пор плаваешь в JS и читаешь этот лендинг?)) Уроки давно у всех, а доходят единицы: бесплатно никто не ждёт твою работу, не разбирает её и не торопит.

Что будет после потока?▼

Останется пройденная программа, репозиторий с проектами и навык писать код самому.

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