💡 The homework for a lesson is on the lesson page itself (download button at the bottom).
Language basics
1–3
1
Variables in JavaScript (let, const)
→
2
Data Types in JavaScript
→
3
Type Coercion in JavaScript
→
DOM basics
4–12.3
4
querySelector or How to Select an Element in JS (innerHTML in JavaScript)
→
5
— Adding Click Functionality to a Button in JavaScript (onclick)
→
6
What is += or reassignment (onClick in JavaScript)
→
7
How to get data from an input field (input value in JavaScript)
→
8
Input value (type="number") in JavaScript (+=)
→
9
Input (date, color) in JavaScript (style.background)
→
10
The onchange event in input type="range" (working with style width and height)
→
11
The onchange event in 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)
→
Conditionals
13–17
13
if else conditions in JavaScript
→
14
The === operator and if else in JavaScript
→
15
if, else, and else if operators in JavaScript
→
16
Comparison operators > >= < <= == != === (JavaScript)
→
17
Logical operators && |
→
Mini-projects
18–25
18
Building a bank deposit simulator from scratch (Math.round)
→
19
Mini project Resize Ball — changing the size of a ball
→
20
Mini project: changing size and color
→
25
Building a mini online store with a custom discount program
→
Switch
21–26.5
21
What is switch and why you need to know it
→
22
What is default in switch and the oninput event
→
23
Why break is needed in switch
→
24
Creating a unit converter using 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
→
Loops
27–40.3
27
What is a loop and how the for loop works, and why infinite loops are dangerous
→
28
How to use a for loop to work with HTML
→
29
Template literals in the for loop ``, increment and decrement
→
30
Multiplication Table Generator, for loop practice
→
31
Product Card Generator, for loop practice
→
32
Star Rating Generator, for loop practice
→
33
Emoji Generator, for loop practice
→
34
The while loop and its syntax
→
35
Nested for loops
→
36
Nested for loops, rendering into HTML
→
37
Nested for loops, rendering into HTML
→
38
Nested for loops, Price Matrix
→
39.1
Backpack Weight Calculator 1, practice
→
39.2
Backpack Weight Calculator 2, practice
→
40.1
How for works and what it is
→
40.2
How for works and what it is
→
40.3
How for works and what it is
→
Functions (Module 2)
41–47.3
41
What is a function and how to use arguments
→
42
String (length, toLowerCase, toUpperCase) and arguments
→
43
Scope, or how the compiler works
→
44
What is return and why do we need it
→
45.1
Taxi Fare Calculator, practice
→
45.2
Taxi Fare Calculator, part 2 — extra complexity
→
46.1
Parcel Delivery Calculator, practice
→
46.2
Parcel Delivery Calculator, part 2 — extra complexity
→
46.3
Parcel Delivery Calculator, part 3 — extra complexity
→
47.1
Concert Ticket Calculator, practice
→
47.2
Concert Ticket Calculator, part 2 — extra complexity
→
47.3
Concert Ticket Calculator, part 3 — extra complexity
→