1
00:00:02,131 --> 00:00:04,420
[Maximilian In the previous course section,

2
00:00:04,420 --> 00:00:08,240
we picked up important basics about JavaScript,

3
00:00:08,240 --> 00:00:11,250
about the JavaScript language as a whole.

4
00:00:11,250 --> 00:00:13,390
In this course section,

5
00:00:13,390 --> 00:00:17,740
we are now going to see why we really need JavaScript

6
00:00:17,740 --> 00:00:20,920
and we'll see its biggest strength and action

7
00:00:20,920 --> 00:00:24,640
that we can interact with the so-called DOM

8
00:00:24,640 --> 00:00:29,130
and you will learn what the DOM actually is in this module,

9
00:00:29,130 --> 00:00:31,870
but I can already say that this in the end

10
00:00:31,870 --> 00:00:34,670
will be all about using JavaScript

11
00:00:34,670 --> 00:00:37,450
to select elements on the page

12
00:00:37,450 --> 00:00:40,100
and to manipulate elements on the page,

13
00:00:40,100 --> 00:00:42,970
HTML elements that are displayed on the page

14
00:00:42,970 --> 00:00:47,380
and their styles, you can use JavaScript to change those.

15
00:00:47,380 --> 00:00:49,230
And therefore, in this course section,

16
00:00:49,230 --> 00:00:53,360
we are going to explore what exactly that DOM thing is,

17
00:00:53,360 --> 00:00:54,750
how we can interact with it

18
00:00:54,750 --> 00:00:58,130
and how we can also actually listen to events

19
00:00:58,130 --> 00:01:00,460
like the user clicking somewhere

20
00:01:00,460 --> 00:01:04,250
or the user entering something into an input field

21
00:01:04,250 --> 00:01:07,420
and how we can then leverage JavaScript

22
00:01:07,420 --> 00:01:12,420
to reach out to HTML elements that make up our website

23
00:01:13,010 --> 00:01:16,270
and how we can change them with JavaScript

24
00:01:16,270 --> 00:01:20,060
so that we can build interactive websites,

25
00:01:20,060 --> 00:01:25,060
which consists of more than just static HTML and CSS code.

26
00:01:25,510 --> 00:01:26,343
And of course,

27
00:01:26,343 --> 00:01:30,700
we're not just going to dive into these topics in theory,

28
00:01:30,700 --> 00:01:35,700
but you also will see plenty of examples in this module.

29
00:01:35,830 --> 00:01:37,980
And in this course section,

30
00:01:37,980 --> 00:01:41,200
we will then also be able to build this example,

31
00:01:41,200 --> 00:01:44,650
which I showed you in the previous course section already.

32
00:01:44,650 --> 00:01:47,230
We're going to learn everything we need for that

33
00:01:47,230 --> 00:01:48,617
in this section now.