JavaScript в браузере
Курс о том, как страница начинает отвечать на действия. Берём вёрстку, которую вы уже умеете, и добавляем поведение: события, работу с DOM, данные с сервера — без единой библиотеки. К финалу каталог из курса вёрстки фильтруется, корзина живёт в localStorage, и вы понимаете каждую строчку, потому что написали её сами.
Что вы сможете делать
9 модулей, один проект
01 Первый скрипт3 урока · 2 ч 16 минОткрыт
Подключаем JavaScript к готовой странице и с первого урока читаем консоль — потому что ошибки начинаются раньше, чем результат.
02 Переменные, условия и функции4 урока · 3 ч
Базовый синтаксис сразу на задачах страницы: считаем сумму корзины и прячем блоки, а не решаем абстрактные примеры.
03 DOM: находим элементы и меняем их4 урока · 2 ч 56 мин
Страница глазами скрипта: дерево узлов, поиск элементов и аккуратное изменение того, что видит человек.
04 События: клик, ввод, отправка формы4 урока · 2 ч 52 мин
Разбираем, как браузер сообщает о действиях человека, и почему один обработчик на список лучше двадцати одинаковых.
05 Массивы и объекты: данные интерфейса3 урока · 2 ч 20 мин
Каталог как массив объектов: перебираем, фильтруем и сортируем данные, а разметку собираем уже из них.
06 Виджеты без библиотек3 урока · 2 ч 16 мин
Табы, модалка и аккордеон своими руками — чтобы понимать, что именно делают за вас готовые компоненты.
07 Асинхронность: промисы и async/await4 урока · 2 ч 52 мин
Почему код не ждёт и как это перестаёт быть загадкой: таймеры, промисы и синтаксис, который читается сверху вниз.
08 Данные с сервера: fetch и JSON3 урока · 2 ч 12 мин
Забираем каталог с сервера и честно показываем человеку загрузку, пустой ответ и обрыв сети.
09 localStorage, модули и финальный проект4 урока · 3 ч 16 мин
Собираем всё вместе: корзина переживает перезагрузку, код разложен по файлам, проект можно показывать.
Что вы получаете
Видео с таймкодами и текстовой версией: код из урока можно скопировать, а не переписывать его с экрана вручную.
Тот же проект, что вы верстали в «Вёрстке без магии», — поведение добавляется к своей работе, а не к чужой демонстрации.
Адрес с товарами, задержкой ответа и режимом ошибки, чтобы потренировать загрузку и обработку сбоя на живых данных.
Готовый код к каждому модулю плюс карточки по методам массивов, событиям и работе с DOM — для сверки после практики.
Первый модуль открыт целиком
Посмотрите уроки первого модуля и первое задание. Если формат не подойдёт — вы ничего не потеряли.