Проекты с разбором
Каждый проект — это отдельный урок курса с готовым заданием и объяснением логики.
Легко
Симулятор банковского вклада
Считаем рост вклада по годам с учётом процентной ставки. Практика с числами и
Math.round.Открыть урок →
Легко
Resize Ball
Меняем размер элемента на странице по клику. Первое знакомство с изменением стилей из кода.
Открыть урок →
Легко
Конвертер единиц измерения
Переводим метры в футы, килограммы в фунты и обратно. Практика с
switch.Открыть урок →
Легко
Генератор таблицы умножения
Строим таблицу умножения по введённому числу. Практика с циклом
for.Открыть урок →
Средне
Генератор карточек товаров
Динамически создаём карточки товаров на странице в цикле. Ближе к реальной вёрстке.
Открыть урок →
Средне
Генератор звёзд рейтинга
Рисуем рейтинг звёздами по числу от 1 до 5. Практика с циклами и условиями вместе.
Открыть урок →
Средне
Emoji Generator
Генерируем узор из эмодзи по вводу пользователя. Забавная практика с циклами и строками.
Открыть урок →
Средне
Price Matrix
Строим таблицу цен вложенными циклами
for. Хорошая тренировка мышления вложенностью.Открыть урок →
Сложнее
Мини интернет-магазин
Собственная дисконтная программа, расчёт скидок и итоговой суммы. Уже похоже на настоящую задачу.
Открыть урок →
Средне
Калькулятор веса рюкзака
Считаем итоговый вес снаряжения по списку предметов. Практика работы с несколькими переменными сразу.
Открыть урок →
Сложнее
Taxi Fare Calculator
Считаем стоимость поездки на такси через отдельные функции. Практика архитектуры кода из нескольких функций.
Открыть урок →
Сложнее
Battle HP Bar
Полоска здоровья персонажа с кнопками атаки, реген и таймингом. Игровая механика на чистом JavaScript.
Открыть урок →
Ещё идеи для самостоятельной практики
Без готового решения — отличный повод потренироваться гуглить и разбираться самому.
To-Do ListСписок задач с возможностью добавить, отметить и удалить пункт.
Часы в реальном времениТекущее время на странице, обновляется каждую секунду.
Генератор случайного пароляПароль заданной длины из букв, цифр и символов.
Калькулятор возрастаПо дате рождения — сколько полных лет исполнилось.
Простой квизНесколько вопросов с вариантами ответа и подсчётом результата.
Конвертер валютПересчёт суммы по заданному курсу между двумя валютами.
Что дальше
Хочешь проходить проекты по порядку с объяснением?
В полном курсе JavaScript все эти проекты и ещё десятки других разобраны пошагово, с теорией перед каждым заданием.