💡 Домашнє завдання до уроку — прямо на сторінці уроку (кнопка завантаження внизу).
Основи мови
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, практика
→