Setting Up: Free JavaScript & jQuery Tutorial

Complete the following setup before beginning any exercises to ensure a smooth learning experience.

Topics Covered in This JavaScript & jQuery Tutorial:

Setting up Your Class Files

Creating Your Own Copy of Class Files

Throughout this workbook, you'll be editing carefully prepared class files that serve as your hands-on practice environment. Rather than working directly with the original files—which could lead to accidental modifications or loss of reference material—we'll establish a personal workspace that's entirely yours to modify and experiment with.

1. Clear your desktop workspace by minimizing or hiding any open windows so you have a clean view of the Desktop.
2. Navigate to and open the Class Files folder from your course materials.

3. Follow the instructions below that correspond to your operating system to create your personal copy:

   Mac:

   • Single-click on the JavaScript jQuery Class folder to select it (avoid double-clicking, which will open the folder).
   • Press Cmd–D to create an instant duplicate of the entire folder structure.
   • Rename the duplicate folder to yourname-JavaScript jQuery Class, replacing "yourname" with your actual name for easy identification.

   Windows:

   • Single-click on the JavaScript jQuery Class folder to select it without opening.
   • Press CTRL–C to copy the folder and all its contents to your clipboard.
   • Press CTRL–V to paste a complete copy in the same directory.
   • Locate the new copy (Windows typically places it at the bottom of the folder list) and rename it yourname-JavaScript jQuery Class, substituting your actual name.

4. Congratulations! You now have a dedicated workspace with your own complete set of class files. This personal copy gives you the freedom to experiment, make mistakes, and iterate without any risk to the original materials. Let's dive in and start building your JavaScript and jQuery expertise!