1
00:00:00,000 --> 00:00:08,962
[MUSIC]

2
00:00:08,962 --> 00:00:10,581
You're getting near the finish line.

3
00:00:10,581 --> 00:00:13,715
So you should be proud of all
the projects you built so far.

4
00:00:13,715 --> 00:00:17,320
They're all good demonstrations of your
skills as a front end web developer.

5
00:00:17,320 --> 00:00:21,890
In this unit, you'll be building a really
cool dashboard page using CSS, HTML,

6
00:00:21,890 --> 00:00:24,650
JavaScript and
SVG graphics and animations.

7
00:00:24,650 --> 00:00:25,240
Let's take a look.

8
00:00:26,470 --> 00:00:30,800
Businesses use web dashboards to quickly
review important data displayed as

9
00:00:30,800 --> 00:00:32,050
charts and graphs.

10
00:00:32,050 --> 00:00:34,810
You'll be given a basic
web dashboard design, but

11
00:00:34,810 --> 00:00:37,620
you'll need to create the HTML and
CSS yourself.

12
00:00:37,620 --> 00:00:41,890
You'll also add JavaScript programming
to add interactivity to the dashboard.

13
00:00:41,890 --> 00:00:45,560
Notice how when I click on
the different units of time,

14
00:00:45,560 --> 00:00:48,030
the graph here dynamically redraws.

15
00:00:48,030 --> 00:00:52,490
And our alert system here at the top,
when you click it, it displays important

16
00:00:52,490 --> 00:00:58,040
messages which you can dismiss by clicking
the X to the right of each message.

17
00:00:58,040 --> 00:01:00,340
The other charts are interactive too.

18
00:01:00,340 --> 00:01:05,060
For instance, hovering over this pie
chart displays the relevant data.

19
00:01:05,060 --> 00:01:06,550
This is a great project.

20
00:01:06,550 --> 00:01:08,143
It's challenging, fun and

21
00:01:08,143 --> 00:01:12,800
an example of a type of project you might
take on as a front end web developer.

22
00:01:12,800 --> 00:01:13,730
Have fun with this one.