2. Setting Up the Project (Variables, Functions, Data Types) | Complete JavaScript Tutorials

1
00:00:02,260 --> 00:00:09,270
Now for Dad we need a basic Web site where we can use javascript and I'm using a Web site here.

2
00:00:09,280 --> 00:00:15,940
And I'm not running javascript on the server as I also mentioned in the first course module because

3
00:00:15,940 --> 00:00:21,700
I find it more interesting to learn javascript if you can see something visual on the screen and a Web

4
00:00:21,700 --> 00:00:23,260
site is something which will.

5
00:00:23,260 --> 00:00:30,820
Which is why we'll use step now for debt for this basic web site attached you'll find a starting Project

6
00:00:30,820 --> 00:00:37,360
the starting code which you should download and extract and then pull into a folder which you then open

7
00:00:37,360 --> 00:00:40,380
with your favorite idea E or a code editor.

8
00:00:40,450 --> 00:00:47,370
In my case I'm using Visual Studio code which is the tool I explained in the first course module setup

9
00:00:47,530 --> 00:00:48,630
as explained there.

10
00:00:48,640 --> 00:00:54,070
So I'm just using that set up and that tool I explained in the first course module.

11
00:00:54,430 --> 00:01:02,620
So open the extract that attachment with that tool here by going to file open and you should then find

12
00:01:02,980 --> 00:01:05,370
a folder structure that looks like this.

13
00:01:05,380 --> 00:01:10,360
Now one important note the DOT we as code folder might not be there in your setup.

14
00:01:10,360 --> 00:01:16,780
This is just a folder created by my I.D. by visual studio code to manage some settings in this case

15
00:01:16,790 --> 00:01:22,090
assume level which I set so that you can clearly see all the code I write so that's not something you

16
00:01:22,090 --> 00:01:24,290
have typically and get ignore.

17
00:01:24,310 --> 00:01:27,450
I have this because I am also working with get.

18
00:01:27,460 --> 00:01:33,640
Which is a source control management system and you don't need to use that you don't even need to know

19
00:01:33,640 --> 00:01:37,330
what that is to follow along it has nothing to do with JavaScript.

20
00:01:37,390 --> 00:01:42,700
After this lecture you find a basic introduction to it but you can also skip this for now and come back

21
00:01:42,700 --> 00:01:43,530
to it later.

22
00:01:43,570 --> 00:01:46,990
It's not required not directly related to javascript.

23
00:01:47,110 --> 00:01:53,440
So what you should have in here is this index age html file with a basic H to male skeleton.

24
00:01:53,440 --> 00:01:55,120
Nothing too fancy in there.

25
00:01:55,160 --> 00:02:00,790
I'm pulling in some funds linking to the style sheet which you'll find in the assets folder in the style

26
00:02:00,790 --> 00:02:08,230
sub folder and then we have this basic skeleton down there and in the script section you find one starting

27
00:02:08,230 --> 00:02:14,620
script you can look into it and there's a bunch of code which probably won't tell you much which I provide

28
00:02:14,6