Для тех, кто уже верстает на HTML и CSS. 69 уроков от переменных до DOM и localStorage, в финале своё Todo‑приложение: работает в браузере и лежит в портфолио.
29 900 ₽ за весь курс, старт в любой день
29 900 ₽ 4,95/ 5 оценка по отзывам учеников в Telegram @lovearokenruМои задачи2 из 3 задач
// список лежит в localStorage: обнови страницу, задачи останутся
JavaScript идёт следующим шагом после HTML и CSS. Вёрстка уже даётся? Самое время её оживить
Но интерфейсы не двигаются
Но нет системы и проектов
На формы, слайдеры и калькуляторы
Вёрстки пока нет?
Начни с курса «HTML и CSS с нуля»: здесь сразу JavaScript, без вёрстки
12 практик с рабочим кодом, который можно показать заказчику. Три из них потрогай прямо здесь.
Ловишь ввод и проверяешь его на лету: интерфейс отвечает на каждое действие.
Строишь интерфейс из массива: поменялись данные, поменялась страница.
Задачи 1 из 3
Здесь пусто: попробуй другой фильтр
Окно открывается по клику и закрывается по Esc или клику мимо, как на настоящих сайтах.
Задачи 3
Список пуст
Удалить все задачи?
Их три, вернуть можно будет кнопкой.
Плюс 12 практик с проверкой куратора и 10 тестов. Открой блок: внутри пример кода по теме.
// program.js, курс «JavaScript с нуля»: 69 уроков · 10 блоков
export const program = [
practice: () => {
const name = 'Аня';
let count = 3;
const isDone = false;
},
},
Переменные хранят данные: имя, число, «да/нет». В const значение не меняется, в let меняется по ходу.
practice: () => {
if (tasks.length === 0) {
list.textContent = 'Список пуст';
}
},
},
Условие это развилка «если…, то…». Список пуст? Показываем надпись. Так интерфейс реагирует на разные ситуации.
practice: () => {
for (const task of tasks) {
list.append(render(task));
}
},
},
Цикл повторяет одно действие для каждого элемента: рисует на странице все задачи по очереди, сколько бы их ни было.
practice: () => {
const left = (items) =>
items.filter((item) => !item.done).length;
},
},
Функция как мини-программа: даёшь ей данные, получаешь ответ. Здесь считает, сколько задач ещё не выполнено.
practice: () => {
const task = {
text: 'Сверстать шапку',
done: false,
};
},
},
Объект собирает всё про одну задачу в одном месте: текст и статус. Из таких «карточек» и складывается список.
practice: () => {
const counter = () => {
let n = 0;
return () => ++n;
};
},
},
Замыкание позволяет функции помнить своё значение между вызовами. Так устроены, например, счётчики.
practice: () => {
const titles = tasks
.filter((task) => !task.done)
.map((task) => task.text);
},
},
Методы массива обрабатывают список одной строкой: сначала оставляем невыполненные задачи, затем берём только их названия.
practice: () => {
function addTask(text) {
tasks.push({ text, done: false });
render();
}
},
},
Всё вместе: добавляем задачу в список и сразу перерисовываем экран. Так и работает кнопка «Добавить».
practice: () => {
list.addEventListener('click', (e) => {
e.target.closest('.task')
.classList.toggle('is-done');
});
},
},
Ловим клик по задаче и переключаем «выполнено». DOM это сама страница, а события это её реакция на действия пользователя.
practice: async () => {
localStorage.setItem('tasks', JSON.stringify(tasks));
const { render } = await import('./render.js');
},
},
Сохраняем задачи прямо в браузере, чтобы не пропали после перезагрузки, а код раскладываем по файлам-модулям.
];
Финал: дипломный проект, Todo‑приложение с сохранением данных и модулями.
Уроки на нашей платформе и практика с разбором куратора
Мы сами её разработали: свой плеер, уроки в студийном качестве, конспекты и тесты после тем. Уроки открываются и с телефона
Дедлайнов нет: 69 уроков и 12 практик, когда удобно. Уроки и платформа остаются навсегда
Отчёт, вопрос и файлы прямо в уроке. Куратор отвечает в течение 15 часов и проверяет домашки 3 месяца
Создал школу, преподаёт и сам работает разработчиком на фрилансе
Написал этот курс и ещё три модуля в Aroken: HTML и CSS, Git и GitHub, продвинутую вёрстку. Ведёт Telegram-канал и YouTube про нейросети и разработку
Смотрят каждую домашку и показывают, что поправить
Учились в «Профессии: Веб‑разработчик», JavaScript там идёт четвёртым модулем
160 000 ₽/мес
до учёбы: студент, 4 000 ₽
сейчас: веб-разработчик в IT-компании
100 000 ₽/мес
до учёбы: студент, 50 000 ₽
70 000 ₽/мес
до учёбы: курьер + клининг, 40 000 ₽
280 000 ₽/мес
до учёбы: офисный сотрудник, 140 000 ₽
270 000 ₽/мес
до учёбы: мастер-приёмщик в автосервисе, 50 000 ₽
80 000 ₽/мес
до учёбы: студентка колледжа, 20 000 ₽
50 000+ ₽/мес
до учёбы: тех. руководитель в «Газпроме»
158 000 ₽/мес
до учёбы: работник доставки, 30 000 ₽
100 000 ₽/мес
до учёбы: грузчик, мебельщик, 30 000 ₽
110 000 ₽/мес
до учёбы: школьник (листовки)
350 000 ₽/меслучший месяц
до учёбы: повар, ИП, 150 000 ₽
110 000 ₽/мес
до учёбы: повар-сушист, 30 000 ₽
250 000 ₽/мес
до учёбы: управляющий в «Додо Пицце», 160 000 ₽
200 000 ₽/мес
до учёбы: редактор статей, 120 000 ₽
509 000 ₽/мес
до учёбы: офисный работник, 100 000 ₽
140 000 ₽/меслучший месяц
до учёбы: бариста, 25 000 ₽
160 000 ₽/мес
до учёбы: лаборант в больнице
150 000 ₽/мес
до учёбы: работник РЖД, 70 000 ₽
123 000 ₽/мес
до учёбы: проектировщик отопления
4,95 из 5 по отзывам учеников в @lovearokenru, 560+ чеков в открытом канале с сентября 2025
Одна цена за весь курс: 69 уроков, 12 практик и проверка куратора. Платишь один раз, уроки и платформа остаются навсегда.
29 900 ₽
разовым платежом за весь курс
Сертификат об окончании, 13% (3 887 ₽) вернёшь налоговым вычетом: учим по государственной лицензии.
JavaScript здесь четвёртый модуль из девяти: до него вёрстка, после WordPress и фриланс. Первые заказы через 2–3 месяца, или вернём 100%. В рассрочку 7 048 ₽/мес, первый месяц 0 ₽.
Смотреть программу →
ЧЁРНАЯ ПЯТНИЦА
×
AROKEN
×
Оформи рассрочку на обучение за 2 минуты и получи +1 месяц кураторской поддержки
+1месяц
ОЦЕНИВАЙТЕ СВОИ ФИНАНСОВЫЕ ВОЗМОЖНОСТИ И РИСКИ · АО «ТБАНК», ЛИЦЕНЗИЯ №2673
Разберём твою ситуацию за 15 минут
Посчитаем под твои часы, хватит ли тебе курса «JavaScript с нуля» или нужна профессия целиком. Решаешь сам, без давления.
Или напиши нам в Telegram: @HelloAroken
