💡 Домашнее задание к уроку — прямо на странице урока (кнопка скачивания внизу).
Основы языка
1–3
1
Переменные в JavaScript (let)
→
2
Типы данных в JavaScript
→
3
Преобразование типов в JavaScript
→
Основы DOM
4–12.3
4
querySelector или как подключить тег в js (innerHTML в JavaScript )
→
5
Добавляем кликабельность кнопке в JavaScript ( onclick )
→
6
Что такое += или перезапись (onClick в JavaScript)
→
7
Как взять данные из поля ввода ( input value в JavaScript )
→
8
Input value ( type number ) в JavaScript ( += )
→
9
Input ( date color ) в JavaScript ( style.background )
→
10
Событие onchange в input type range ( работа с style width and height в JavaScript )
→
11
Событие onchange в select option ( JavaScript )
→
12.1
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
12.2
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
12.3
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
Условия
13–17
13
Условия if else в JavaScript
→
14
Оператор === и if else в JavaScript
→
15
Операторы if, else, else if в JavaScript
→
16
Операторы сравнений > >= < <= == === !=(JavaScript)
→
17
Операторы условий && |
→
Мини-проекты
18–25
18
Пишем симулятор банковского вклада с нуля Math round
→
19
Мини проект Resize Ball - Изменение размера мяча
→
20
Мини проект : изменяем размер и цвет
→
25
Пишем мини интернет магазин со своей дисконтной программой
→
Switch
21–26.5
21
Что такое switch и почему его нужно знать
→
22
Что такое default в switch и событие oninput
→
23
Зачем нужен break для switch
→
24
Создаем Конвертер единиц измерения switch
→
26.1
switch, case, default, if, else if, else, oninput
→
26.2
switch, case, default, if, else if, else, oninput
→
26.3
switch, case, default, if, else if, else, oninput
→
26.4
switch, case, default, if, else if, else, oninput
→
26.5
switch, case, default, if, else if, else, oninput
→
Циклы
27–40.3
27
Что такое цикл и как работает for, а также почему вечные циклы опасны
→
28
Как использовать цикл for для html работы
→
29
Шаблонные литералы в цикле for ``, инкремент и декремент
→
30
Генератор таблицы умножения, for практика
→
31
Генератор карточек товаров, for практика
→
32
Генератор звезд рейтинга, for практика
→
33
Emoji Generator, for практика
→
34
Цикл while и синтаксис его использования
→
35
Вложенные циклы for
→
36
Вложенные циклы for, внедрение в HTML
→
37
Вложенные циклы for, внедрение в HTML
→
38
Вложенные циклы for, Price Matrix
→
39.1
Калькулятор веса рюкзака 1, практика
→
39.2
Калькулятор веса рюкзака 2, практика
→
40.1
Как работает for и что это такое
→
40.2
Как работает for и что это такое
→
40.3
Как работает for и что это такое
→
Функции (Модуль 2)
41–47.3
41
Что такое function и как пользоваться аргументами
→
42
String (length, toLowerCase, toUpperCase) и аргументы
→
43
Область видимости или как работает компилятор
→
44
Что такое return и для чего он нужен
→
45.1
Калькулятор стоимости поездки на такси, практика
→
45.2
Калькулятор стоимости поездки на такси, часть 2 — усложнение
→
46.1
Калькулятор стоимости доставки посылки, практика
→
46.2
Калькулятор стоимости доставки посылки, часть 2 — усложнение
→
46.3
Калькулятор стоимости доставки посылки, часть 3 — усложнение
→
47.1
Боевая сцена: урон, практика
→
47.2
Боевая сцена: яд, практика
→
47.3
Боевая сцена: regen и reset, практика
→