Welcome

In this module we'll set up our folder structure for studying JavaScript Fundamentals.

JavaScript Fundamentals Folder Set up

1. Open up your javascript-library project in Visual Studio Code.

2. Collapse down your 0-JavaScript-PreWork folder, if it's open.

3. Create a new folder called 1-JavaScript-Fundamentals:

Then, set up the following folders inside of 1-JavaScript-Fundamentals:

    javascript-library
        └── 0-JavaScript-PreWork
        └── 1-JavaScript-Fundamentals
            └── 1-Grammar-and-Types
            └── 2-ControlFlow-and-ErrorHandling
            └── 3-Loops
            └── 4-Functions
            └── 5-Expressions-and-Operators
            └── 6-Numbers-and-Dates
            └── 7-StringMethods
            └── 8-Regular-Expressions
            └── 9-Arrays
            └── 10-Keyed-Collections
            └── 11-Objects

File Set up

We are not going to walk you through the file set up for every folder, just the first two sections, the structure will be the same moving forward.

1. Go into the 1-Grammar-and-Types folder.

2. Add the files that correspond to each lesson to the folder.

3. When you create the files, add a number to increment the lessons in order, and then name the file according to the module's topic, like this:

    javascript-library
        └── 0-JavaScript-PreWork
        └── 1-JavaScript-Fundamentals
            └── 1-Grammar-and-Types
                └──01-comments.js 
                └──02-declarations.js 
                └──03-scope.js
                └──04-hoisting.js 
                └──05-types.js 
                └──06-literals.js 
            └── 2-ControlFlow-and-ErrorHandling
            └── 3-Loops

ControlFlow

Let's do another one together:

1. Collapse the 1-Grammar-and-Types folder.

2. Open 2-ControlFlow-and-ErrorHandling.

3. Add the following files:

    javascript-library
        └── 0-JavaScript-PreWork
        └── 1-JavaScript-Fundamentals
            └── 1-Grammar-and-Types
            └── 2-ControlFlow-and-ErrorHandling
                └──01-if.js 
                └──02-if-else.js 
                └──03-switch.js
                └──04-try-catch.js 
                └──05-throw.js 
                └──06-finally.js 
            └── 3-Loops

Moving Forward

From here on out, you should take the reins on creating your own files as you build out the modules. It would be easier for us to just give you starter files, but it is going to help you to create, manage, and balance the time it takes to make and name your own files. Believe it or not, being savvy with building files and directories is a big part of the legwork of being a developer. So we'll let you take the reins.

Also, feel free to add more files for more practice, if needed. What we are giving you is a structure to get started in making your own active study guide for JavaScript. We know many developers, who have been working at this for years, that go and practice particular concepts in files like this. We hope you benefit greatly.