WEBVTT

0
00:00.600 --> 00:01.160
All right guys.

1
00:01.190 --> 00:01.970
Welcome back.

2
00:01.970 --> 00:03.780
This is Angela from The App Brewery,

3
00:03.800 --> 00:07.590
and in this module we're going to be making something really awesome.

4
00:07.670 --> 00:13.700
We're moving upwards in the world and we're going to be building much much cooler web sites.

5
00:13.700 --> 00:19.440
So, in order to teach you about some of the more intermediate / advanced parts of the Document Object Model

6
00:19.470 --> 00:24.750
or the DOM, I wanted to show you how you can build this drum kit web site.

7
00:24.950 --> 00:31.700
So by the end of this module you would have not only understood how to add event listeners to buttons

8
00:31.760 --> 00:37.340
and keystrokes so that you'll know when the user is tapping on the keyboard or clicking on a particular

9
00:37.340 --> 00:40.420
button on your web site and you can respond to it,

10
00:40.520 --> 00:45.530
but you also end up with this awesome web site that you can impress all of your friends with.

11
00:45.530 --> 00:51.230
So the way that this works is that we've got a number of keys here that represent different drums in

12
00:51.230 --> 00:52.810
a typical drum set.

13
00:52.910 --> 00:58.830
And when you click on any of these buttons then you'll get the corresponding sound of the drum.

14
00:58.830 --> 01:03.530
And in addition you can also use the keys on the keyboard.

15
01:03.530 --> 01:09.420
So now every time I crack a terrible programming joke, I'll be able to give you a drum roll.

16
01:13.800 --> 01:15.040
So I hope you're ready.

17
01:15.060 --> 01:16.770
It's going to be really exciting.

18
01:16.770 --> 01:18.990
Let's get started in the next lesson.