Hello, in this JavaScript video, I'm going to show you how you can set up a project on Windows. So first of all, I recommend that you have a good favorite text editor or ID, I am going to be using Sublime Text is free. It's amazing, easy to use lightweight. I can't say anything bad about it. And if not cross platforms, they runs on Windows, Linux, Mac, you get the big check. It's amazing.
Okay, so open this up. And before we actually start any code, just save the file, we'll save a file, go to desktop or any way you want. And just create a new folder. I'm gonna call this object inside here the service index dot HTML file. There we go. And now let's just quickly whip up a HTML page.
There's going to be the simplest HTML page. You've probably seen. Now, and now we're going to do HTML, like so. Then inside here, we put the head tag. Sorry. And now we're going to put a body tag.
Okay, so now inside of here is where we can put our JavaScript code a couple of different ways of doing it. Let me show you the first one, create a script tag, you put a title, and this will be like so. And inside here, you put all your JavaScript code, not gonna add anything you know in this video, this is just setting you up for showing where you would actually play And you could actually put this anywhere you want really the sort of two main places that you would have it, even the head tag, we have it there. That means the JavaScript code will get run before you know what's rendered on your page. And if you want it let's say what after the pages have been renders, maybe you want to move an object around a little later on, the recommendation will be to put it at the end of the body and that wouldn't be after this.
It would be after all your body code. So for example, after the h1 Hello, world, and here is where you would put this like so. And that's it. The other option is and this optional by the show you can place this anywhere you want as well. One is going to place in the head tag is to do you have a toy Same type of n. x was your script, instead of putting code in between here and put SRC equals, now you point to a different JavaScript file. So the JavaScript is contained in a separate file, you might be thinking, why would you want to do that?
The main reason is when you create a website, especially when you become quite complex, you get a lot of code, and it's good to abstract stuff out. And, you know, group stuff together, put it into separate files. So you know, let's say you have a whole, you know, piece of code, no larger code, just dealing with got to know, user accounts, for example. And there's some problem with the user account, use go to that file and you look at it, okay, that's the problem. They're trying to go through all of this code and you don't know where exactly to look. Okay, so before we specify this, let's just click Control and created that creates a new folder.
Save, and in the same location, save the file as custom j s. So the J s extension indicates a JavaScript file. Therefore, you can only run JavaScript code, click Save. In here, you place all of your JavaScript code, get not gonna put any JavaScript code. In this video, there'll be a separate set of videos. And now here, you specify the location of said file. And because it's in the same location of this file, you just put custom dot j s, within a folder called let's say, awesome folder, you put awesome folder for slash custom j s, say this and we can run it now.
So if I open up my web browser, and let's just open it, Ah, no, seriously set to edge by default, what the hell? No, we use Chrome and always use Chrome. That's embarrassing. Don't get enough for that one. So lessons, you know, as you can see here, if we right click inspect, you can drill it down. You can see then the head, we got both of the tags.
And in the sources, you got the custom j s file as well. So that is it for this video, because that's not that's it. And now you can start coding away in JavaScript. Thanks for watching. If you have any questions, feel free to reach out, and I'll look forward to seeing you in the next video.