Setup for Introduction to Creating, Styling, and Validating Web Forms

• PC: Windows 10 or later or Mac OS X Mountain Lion (version 10.8) or later
• Google Chrome
• Visual Studio Code.

Creating the Webucator Folder

The first step to setting up for your course package is to create the folder in which you will store most of your class files: Create a new folder named Webucatorwherever you want, but make sure you remember where it is. A good location would be the root of the C drive on Windows or the Documents folder on Mac.

Getting the Class Files

1. Download the class files from within your course (see "Course Overview + Class Files" under Navigation in the upper left).
2. Unzip the class files into the Webucatorfolder. This will create a new folder. Change the name of the folder to Forms. 

Visual Studio Code

You will use Visual Studio Code for all the courses.

1. Download Visual Studio Code for your operating system.
2. Install Visual Studio Code.
   1. Instructions for Windows.
   2. Instructions for Mac.
3. Create a folder somewhere on your computer for storing Visual Studio Code workspaces. Name the folder vs-code-workspacesor something similar.
4. Open Visual Studio Code.
5. From the File menu, select Save Workspace As…
   
   
6. Save the workspace as Webucatorwithin the workspaces folder you created earlier:
   
   
7. If Visual Studio Code’s Explorer panel isn’t open, open it by clicking the files icon in the upper left. Then click the Open Folder button:
   
   
8. Select the Forms folder and click Add.
9. You will now see the Forms folder in Visual Studio Code's Explorer panel (where you see HTML below):
   
   

You are ready to start the course.