Основы языка
уроки 1–3
1
Переменные в JavaScript (let)
→
2
Типы данных в JavaScript
→
3
Преобразование типов в JavaScript
→
Основы DOM
уроки 4–12
4
querySelector — как подключить тег в JS, innerHTML
→
5
Добавляем кликабельность кнопке — onclick
→
6
Что такое += или перезапись — onClick
→
7
Как взять данные из поля ввода — input value
→
8
Input value (type number) в JavaScript, +=
→
9
Input (date, color) в JavaScript — style.background
→
10
Событие onchange в input type range — style.width и height
→
11
Событие onchange в select option
→
12.1
innerHTML, input, select, value, function, onclick, += (часть 1)
→
12.2
innerHTML, input, select, value, function, onclick, += (часть 2)
→
12.3
innerHTML, input, select, value, function, onclick, += (часть 3)
→
Условия
уроки 13–17
13
Условия if / else в JavaScript
→
14
Оператор === и if / else
→
15
Операторы if, else, else if
→
16
Операторы сравнения > >= < <= == === !=
→
17
Логические операторы && и ||
→
Мини-проекты
уроки 18–20, 25
18
Симулятор банковского вклада — Math.round
→
19
Мини-проект: Resize Ball — изменение размера мяча
→
20
Мини-проект: изменяем размер и цвет
→
25
Мини интернет-магазин с дисконтной программой
→
Switch
уроки 21–26
21
Что такое switch и почему его нужно знать
→
22
default в switch и событие oninput
→
23
Зачем нужен break для switch
→
24
Создаём конвертер единиц измерения — switch
→
26.1
switch, case, default, if, else if, else, oninput (часть 1)
→
26.2
switch, case, default, if, else if, else, oninput (часть 2)
→
26.3
switch, case, default, if, else if, else, oninput (часть 3)
→
26.4
switch, case, default, if, else if, else, oninput (часть 4)
→
26.5
switch, case, default, if, else if, else, oninput (часть 5)
→
Циклы
уроки 27–36
27
Что такое цикл и как работает for — почему вечные циклы опасны
→
28
Как использовать цикл for для работы с HTML
→
29
Шаблонные литералы в цикле for ``, инкремент и декремент
→
30
Генератор таблицы умножения — for практика
→
31
Генератор карточек товаров — for практика
→
32
Генератор звёзд рейтинга — for практика
→
33
Emoji Generator — for практика
→
34
Цикл while и синтаксис его использования
→
35
Вложенные циклы for
→
36
Вложенные циклы for — внедрение в HTML, тег br
→
36.2
Вложенные циклы for — внедрение в HTML, тег br (часть 2)
→