1
00:00:02,240 --> 00:00:04,130
Before we get going on modules, let's take

2
00:00:04,130 --> 00:00:06,130
a minute to set the scene here. We're

3
00:00:06,130 --> 00:00:08,020
going to run this course in the context of

4
00:00:08,020 --> 00:00:11,070
the Globomantics user conference. Now this

5
00:00:11,070 --> 00:00:13,020
is a website that we have inherited, and

6
00:00:13,020 --> 00:00:15,850
honestly, the code's a little gross. So,

7
00:00:15,850 --> 00:00:17,570
over the course of this course, you're

8
00:00:17,570 --> 00:00:19,430
going to clean it up and break some of

9
00:00:19,430 --> 00:00:21,860
this JavaScript out into modules for

10
00:00:21,860 --> 00:00:24,370
better maintainability. Now I've gone

11
00:00:24,370 --> 00:00:26,500
ahead and set up the starting point in

12
00:00:26,500 --> 00:00:28,520
GitHub, so let's take a minute and get

13
00:00:28,520 --> 00:00:30,970
that downloaded and installed. Let's go

14
00:00:30,970 --> 00:00:32,990
out to my GitHub repo, and I've set up a

15
00:00:32,990 --> 00:00:34,620
bit.ly link for you if you would like

16
00:00:34,620 --> 00:00:38,790
that, and you can click here to download

17
00:00:38,790 --> 00:00:41,080
or to clone the repo based upon your own

18
00:00:41,080 --> 00:00:43,960
personal preferences. This is really the

19
00:00:43,960 --> 00:00:45,890
only interaction with GitHub that I'm

20
00:00:45,890 --> 00:00:47,650
going have, so I'm not going to dig in

21
00:00:47,650 --> 00:00:49,350
very much here. If you're not familiar

22
00:00:49,350 --> 00:00:52,170
with GitHub, just click Download and drop

23
00:00:52,170 --> 00:00:55,350
it in a folder somewhere. Now right now I

24
00:00:55,350 --> 00:00:57,140
have this set up to run in a very

25
00:00:57,140 --> 00:00:59,150
lightweight Node application. You don't

26
00:00:59,150 --> 00:01:01,130
need to know anything about Node to go

27
00:01:01,130 --> 00:01:03,580
through the course, but if you don't have

28
00:01:03,580 --> 00:01:05,940
Node installed, it's a very simple process

29
00:01:05,940 --> 00:01:09,320
out here on nodejs.org, just download the

30
00:01:09,320 --> 00:01:11,960
LTS version and you should be good to go.

31
00:01:11,960 --> 00:01:14,350
Once you have the code downloaded and Node

32
00:01:14,350 --> 00:01:16,330
installed, open the code directory up in

33
00:01:16,330 --> 00:01:19,090
your favorite IDE. Now for this course,

34
00:01:19,090 --> 00:01:21,440
I'm going to run everything in VS Code.

35
00:01:21,440 --> 00:01:23,380
You're free to use any IDE you want, but

36
00:01:23,380 --> 00:01:25,510
VS Code is emerging as the default

37
00:01:25,510 --> 00:01:27,360
standard for web development, so that's

38
00:01:27,360 --> 00:01:29,790
what I'm going to use. Once you have the

39
00:01:29,790 --> 00:01:32,070
code downloaded and opened in your IDE,

40
00:01:32,070 --> 00:01:33,810
we're going to run two commands to get

41
00:01:33,810 --> 00:01:36,740
this up and running, npm install, which

42
00:01:36,740 --> 00:01:40,130
will get Express and Morgan installed, and

43
00:01:40,130 --> 00:01:42,150
then we're going to run npm start to run

44
00:01:42,150 --> 00:01:45,180
the website on port 3000. So now let's

45
00:01:45,180 --> 00:01:48,120
open this up in Chrome, and there you see

46
00:01:48,120 --> 00:01:51,290
our Globomantics website. If you scroll

47
00:01:51,290 --> 00:01:53,540
down, this section right here is the part

48
00:01:53,540 --> 00:01:55,710
we'll be playing with in this course. So

49
00:01:55,710 --> 00:02:00,000
let's look at the code behind this piece and start this process.

