Курсы по JavaScript и React: внутреннее устройство и спецификация ECMAScript

от Алексея Волкова

Для тех, кто устал запоминать и готов начать понимать

Системное понимание JavaScript и React

Основано на ECMA-262, HTML Living Standard и исходном коде V8 и React. Чтобы объяснять «почему», а не гуглить «как».

Автор курса

Фундамент, а не фишки

Внутренние слоты, алгоритмы спецификации, устройство движка — то, что не меняется между версиями.

Актуально всегда

ECMA-262 и HTML Living Standard не устаревают с выходом очередного фреймворка.

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

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

Вы не одни

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

Познакомиться с курсом

За 4 полезных письма с PDF схемой прототипного наследования, статьями про Event Loop и замыкания

Почему курс лучше сотни видео на YouTube?

На курсе

  • plus

    Одна тема — одно видео без оглядки на хронометраж. Замыкания занимают 40 минут, а не 10, потому что так требует глубина.

  • plus

    Каждое утверждение сверено с ECMA-262, HTML Living Standard, исходным кодом V8 и React.

  • plus

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

  • plus

    Результат полугода чтения спецификаций, исходного кода движков и научных статей — отфильтрованный и структурированный за вас.

  • plus

    Автор лично отвечает на вопросы в комментариях к каждому уроку. Не менторы, не кураторы — Senior Frontend Engineer, который сам прошёл этот путь.

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

  • minus

    Сложные темы избегаются или сильно упрощаются.

  • minus

    Короткие видео борются за глубину просмотра, а не за глубину понимания.

  • minus

    Видео прыгают от темы к теме, создавая в голове кашу.

  • minus

    Трата времени на поиск, проверку и отсев противоречивой информации.

  • minus

    Копирование кода из видео создаёт иллюзию понимания, которая рушится на первом же сложном собеседовании.

Программа курсов

Для действующих middle-разработчиков с реальным опытом в React и JavaScript.

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

Грокаем JavaScript

От ARPANET до Chrome: как запрос проходит путь DNS→TCP→HTTP→DOM. Движок отрисовки, движок JS и Событийный цикл — три отдельные системы внутри броузера. Почему Event Loop отсутствует в спецификации ECMAScript и где он описан на самом деле.

«Функция помнит переменные» — неточно.

Задача ФунАрга, скрытое поле [[Environment]], цепочка [[OuterEnv]] — как замыкание работает по спецификации, а не по аналогии с рюкзаком.

Почему [] == ![] это true? 8 типов ECMAScript, алгоритмы ToPrimitive и IsLooselyEqual, IEEE 754 для NaN, autoboxing обёрток — чтобы предсказывать приведение типов, а не заучивать таблицы.

[[ThisValue]] — конкретное поле в записи окружения функции. Алгоритм OrdinaryCallBindThis определяет его при каждом вызове. Почему стрелочные функции — не «синтаксический сахар», а отдельный механизм с [[ThisBindingStatus]]: LEXICAL.

Объект — это 13 внутренних методов, а не просто хранилище данных. [[Prototype]], дескрипторы свойств, разница между обычными и экзотическими объектами (Array, Proxy). Object.create как основа прототипного наследования.

20 лет эволюции: загрязнение глобального пространства → IIFE → CommonJS → AMD/RequireJS → UMD → ES Modules. Почему статический анализ import делает возможным tree-shaking, и чем живые привязки ES Modules отличаются от копий CommonJS.

Грокаем React

На сквозном примере конфетной лавки — от чистого JavaScript и jQuery к идее «интерфейс как функция от состояния». Состояние в DOM, двунаправленный поток данных, императивный код: как это ломается при росте проекта. Почему декларативная отрисовка — не тренд, а инженерное решение конкретных проблем.

Виртуальное дерево — что такое ReactElement и почему это следствие декларативности, а не оптимизация скорости. Учебный фреймворк fe-fwk-ts-react (TypeScript, архитектура настоящего React) — каждая идея сначала реализуется здесь, потом доказывается ссылкой на исходный код библиотеки.

Fiber-узел — где хранится состояние между перерисовками и как это связано с хуками. Алгоритм согласования: два условия, которые определяют всё — тег и ключ. Почему ключи — не рекомендация, а механизм идентификации состояния.

Фазы Render и Commit — как React разделяет вычисление изменений и применение их к DOM, и что это означает для производительности. Жизненный цикл компонента и планировщик на микрозадачах.

Популярные решения для управления состоянием (Zustand, Jotai, Redux) — разбор через исходный код. Как внутреннее устройство React определяет, как работают эти библиотеки.

Процесс обучения

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

Автор курса

Я не продаю своё мышление.
Я экономлю ваше время.

Я такой же разработчик, как и вы. Я прошёл путь от фрагментарного знания до глубокого понимания, потратив полгода на изучение ECMA-262 и исходного кода React. Я не теоретик — я Lead Software Engineer с 10+ лет опыта в Luxoft: торговые платформы реального времени, инвестиционный менеджмент, микрофронтенды для глобального ретейла.


Я создал эти курсы, потому что мне не хватило такого ресурса на моём пути. Это не просто «ещё один курс». Это систематизация моего опыта и сотен часов исследований, упакованная в понятную форму. Я уже проделал эту сложную работу по фильтрации шума и построению системы — чтобы вы могли сэкономить своё время и силы.


Алексей Волков

Алексей Волков

Lead Software Developer @ Luxoft

tg_icon yt_icon

Способы оплаты

* – дважды подумайте, прежде чем брать кредит!

Часто задаваемые вопросы

Курс подойдёт новичкам?
Нет, курсы подойдут для действующих разработчиков уровня Middle, стремящихся перейти на уровень Senior.
Есть ли гарантия трудоустройства после курсов?
Нет, курсы разбирают только указанные темы. Они не обучают проходить собеседования или оформлять резюме.
Курс стоит дорого
Трижды подумайте прежде, чем лезть в долги. Все материалы есть в открытом доступе. Если у вас есть 4-6 месяцев ежедневной учёбы и желание разобраться - вы сможете всё изучить и без курсов.
Много ли в курсе практики?
Нет, основной упор курсов на теорию. В курсе много визуализаций процессов и объяснений базовых неочевидных вещей. Автор курса считает радость от 100% прорешенных задачек на платформе ложной победой. Настоящая победа – когда у вас самих нет вопросов и вы можете визуализировать любой алгоритм и понять почему так. Это не курс по синтаксису языка и библиотеки – это курс про понимание того, "как" и "зачем".
Много ли видео уроков?
Нет, курсы нацелены на результат: понимание мотивации создания технологий и основных принципов их работы. Автору самому интересно сделать лучшие курсы по этим двум темам для разработчиков middle+. Автор активно проверяет домашние задания и помогает в чате курса.
Мне не нравится, хочу вернуть деньги.
Курсы работают на платформе Stepik. Она же обрабатывает платежи. Возврат покупок возможен и прозрачен. Но это не мгновенный процесс! Прочитайте всё, что интересно на платформе: help.stepik.org/article/54760
Это подписка?
Нет, доступ к курсу продаётся навсегда (пока жива платформа степик). Все обновления и дополнения будут бесплатными.

Статьи

Мои заметки с разных сайтов.

Почему чужой бизнес эффективнее моей жизни?

У любого ООО в ИТ есть командные процессы: - планирование на две недели вперёд, - ретроспективы, - журнал задач. У автора почему-то нет ничего из этого. Хотя автор для себя самого является главным про

Open Source мёртв! Его убили корпорации

На YouTube только и советов:Коммитьте в OpenSource и вас заметят!Открываем GitHub, находим проект на 9 600 звёзд. А там человеку ИИшка удалила файл – он завёл на это bug! И это ещё не худший пример в

Я сделал курс по JS, но он бесполезен

Автор создал курс по JavaScript. И первое, что он хочет сказать: не надейтесь на курсы. Ни на этот, ни на любой другой. Индустрия онлайн-образования продаёт ощущение прогресса вместо самого прогресса.

Бэкап файлов без программирования

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

Module Federation на примере фишинга

Разберём микрофронтенд через историю вымышленного хакера — и заодно поймём, почему это спрашивают на собеседованиях.Недавно на собесе меня спросили: "А как именно работают микрофронты? Там что, прямо

Как Jotai хранит состояние в React?

Устали использовать Redux / Zustand / Jotai как чёрный ящик? Хотите наконец понять, что за магия там под капотом?Мне самому надоело вайбкодить синтаксис Redux-like библиотек. Пора уже понять чё за зве

Зачем Тьюринг изобрёл Redux?

Конечно, он его не изобретал. Но если бы посмотрел сегодня сливы собесов, точно увидел бы в них свои идеи. Ведь есть же фундаментальные идеи за всей этой шелухой про синтаксис mapStateToProps!Императи

Замыканий в JavaScript не существует

По крайней мере так сказал блогер Demimurych у меня в комментариях: Дальше была беседа в комментариях, из который я вынес два хороших замечания:Тему замыканий в языках программирования стоит рассказыв

Gatsby and its Greatness

In the internet’s early days, blogging was straightforward. A server with PHP and MySQL allowed you to share your thoughts globally. Even FTP access with an index.html file sufficed.However, as the we

Видео