2. Setting Up the Project (Variables, Functions, Data Types) | Complete JavaScript Tutorials
1<br />00:00:02,260 --> 00:00:09,270<br />Now for Dad we need a basic Web site where we can use javascript and I'm using a Web site here.<br /><br />2<br />00:00:09,280 --> 00:00:15,940<br />And I'm not running javascript on the server as I also mentioned in the first course module because<br /><br />3<br />00:00:15,940 --> 00:00:21,700<br />I find it more interesting to learn javascript if you can see something visual on the screen and a Web<br /><br />4<br />00:00:21,700 --> 00:00:23,260<br />site is something which will.<br /><br />5<br />00:00:23,260 --> 00:00:30,820<br />Which is why we'll use step now for debt for this basic web site attached you'll find a starting Project<br /><br />6<br />00:00:30,820 --> 00:00:37,360<br />the starting code which you should download and extract and then pull into a folder which you then open<br /><br />7<br />00:00:37,360 --> 00:00:40,380<br />with your favorite idea E or a code editor.<br /><br />8<br />00:00:40,450 --> 00:00:47,370<br />In my case I'm using Visual Studio code which is the tool I explained in the first course module setup<br /><br />9<br />00:00:47,530 --> 00:00:48,630<br />as explained there.<br /><br />10<br />00:00:48,640 --> 00:00:54,070<br />So I'm just using that set up and that tool I explained in the first course module.<br /><br />11<br />00:00:54,430 --> 00:01:02,620<br />So open the extract that attachment with that tool here by going to file open and you should then find<br /><br />12<br />00:01:02,980 --> 00:01:05,370<br />a folder structure that looks like this.<br /><br />13<br />00:01:05,380 --> 00:01:10,360<br />Now one important note the DOT we as code folder might not be there in your setup.<br /><br />14<br />00:01:10,360 --> 00:01:16,780<br />This is just a folder created by my I.D. by visual studio code to manage some settings in this case<br /><br />15<br />00:01:16,790 --> 00:01:22,090<br />assume level which I set so that you can clearly see all the code I write so that's not something you<br /><br />16<br />00:01:22,090 --> 00:01:24,290<br />have typically and get ignore.<br /><br />17<br />00:01:24,310 --> 00:01:27,450<br />I have this because I am also working with get.<br /><br />18<br />00:01:27,460 --> 00:01:33,640<br />Which is a source control management system and you don't need to use that you don't even need to know<br /><br />19<br />00:01:33,640 --> 00:01:37,330<br />what that is to follow along it has nothing to do with JavaScript.<br /><br />20<br />00:01:37,390 --> 00:01:42,700<br />After this lecture you find a basic introduction to it but you can also skip this for now and come back<br /><br />21<br />00:01:42,700 --> 00:01:43,530<br />to it later.<br /><br />22<br />00:01:43,570 --> 00:01:46,990<br />It's not required not directly related to javascript.<br /><br />23<br />00:01:47,110 --> 00:01:53,440<br />So what you should have in here is this index age html file with a basic H to male skeleton.<br /><br />24<br />00:01:53,440 --> 00:01:55,120<br />Nothing too fancy in there.<br /><br />25<br />00:01:55,160 --> 00:02:00,790<br />I'm pulling in some funds linking to the style sheet which you'll find in the assets folder in the style<br /><br />26<br />00:02:00,790 --> 00:02:08,230<br />sub folder and then we have this basic skeleton down there and in the script section you find one starting<br /><br />27<br />00:02:08,230 --> 00:02:14,620<br />script you can look into it and there's a bunch of code which probably won't tell you much which I provide<br /><br />28<br />00:02:14,6