1.2 Creating a JavaScript Workspace

Creating a Workspace

Let's start with a good organization of our workspace:

  1. Create a New Folder on your computer. Take note of where you created it on your machine.

  2. Open that folder using VSCode as so:

Adding The Necessities

In order to run JavaScript, you are going to need a minimum of two files:

  1. HTML File

    This file is the middleman between the JavaScript and the web browser, which is also our "code runner".

  2. JavaScript File

    This file is where we will be writing most of our code.

<aside> 💡 For that more experienced JavaScript programmer, I know you can shove the JavaScript code into the HTML file, but I just hate cluttering the HTML file with JavaScript.

</aside>

Here's my current workspace structure:

Connecting JavaScript

Here's how you include JavaScript in your workspace:

<script src="{path-to-javascript-file}.js"></script>

The main thing to pay attention to is the src property. This basically tells the HTML to load up the JavaScript file located in that certain path. In my case, my path is just src="script.js".

After that, you have gotten yourself a working JavaScript workspace!

Resources

If you have any issues still, try downloading the project structure use in this chapter: