WDI Fundamentals

Welcome to WDI Fundamentals

JS Bin Exercises

Fundamentals is interactive! Within every Unit, we've included practice exercises using a code editor (called JS Bin) that allows you to practice without leaving the page.

Here's an example. You can type your code directly into the text editor and also click the various tabs (HTML, CSS, JavaScript) to type in additional code. The "Output" tab will render your code in real time.

Click on the tabs to get used to the navigation.

Please refresh the page if you do not see the JS Bin Editor below.

JS Bin on jsbin.com

You're not required to submit these exercises, but you'll want to save your work in case you have questions and want to review these with your instructors or the WDI community on Slack.

To Save Your Code

Creating a free account on JS Bin will allow you to save your exercises as "bins." So make sure to create a JS Bin account. Follow the instructions below to create your JS Bin account and learn how to save your code.

1) If you want to save your code, you'll need to hit the "Save" button on the top left of the JS Bin editor, which will open a new browser.

2) Log in using a GitHub account. If you don't have one go to the GitHub Website to set up an account. As of recently, JS bin only accepts GitHub accounts for registration.

3) Once logged in, if you try to make your changes in any tab, you'll receive the following message.

You'll want to click on the "clone your own copy" which will generate a new link.

4) Now that you're logged in, you can save your code by doing one of the following:

  • File > Export as gist.
    • This will save your file as a GitHub repository on your GitHub! Read more about gists here
  • File > Download.
    • Download and save your file locally.
  • Save your JS bin url.
    • Simply copy and save your JS bin url for future reference. You can also go to File >My Bins to find the bin. Additionally, you can also File > Save Snapshot at point in time where JS bin will automatically save the latest version for you on your working copy.

Pro Tip: Remember, the code you write in the JS Bin editor will not automatically save. Therefore, you need to make sure that you hit the save button and make sure you copy your code over.

Note: If your JS Bin editor doesn't load or shows JS Bin on jsbin.com in place of the editor, simply refresh the page to load the page again.


Your progress will be tracked using our unit quizzes. After completing each unit, take the unit quiz to check your understanding of the concepts. When completing the quiz, please use the same email address that you provided for your invoice.

If you want to retake the quiz, just refresh the page! Practice makes perfect.

Final Project

Each unit assignment will build towards your final project, where you'll code a web browser based memory game. You'll use HTML, CSS and JavaScript to build the game, unit by unit! Make sure you are saving your progress along the way. You will learn how to store things locally, and also how to push your code to GitHub for version control!

Final Submission: At the end of the project in Unit 11, you'll submit a link to your GitHub repository via this form.


While quizzes and assignments won't be formally graded, your local GA team will be checking your submissions to make sure you've completed Fundamentals and made the requisite progress before your first week of WDI.

If you have any concerns about your progress, feel free to reach out to your course producer.

Getting Help

Join the WDI Community on Slack!

We design our immersive courses to help you embrace the challenge of lifelong learning. This means that when you get stuck, instructors will often help you to drive your own process of discovery, rather than just give you the right answer. You'll also learn to rely on your classmates for support.

You're probably completing the pre-course work at home or in a coffee shop, so you won't have the same level of guidance you'll receive once you are on campus. For now, we encourage you to connect with your classmates via Slack, a real time messaging application you'll be using in class.

Sign onto Slack!

  • First check your email for an invitation from your producer.
  • Be sure to add a photo and "WDI Student - CITY" or "WDI Student - REMOTE" (if you're going to be taking WDI remotely) to your profile.
  • Next, go to slack.com, enter "ga-students" where the page asks for your team domain, and join the #wdi-fundamentals channel to meet your global classmates!

Please note: Whether you're joining WDI on campus or WDIr remotely, you should log onto the same channel on slack: #wdi-fundamentals. If you're working on the older version (v3.0), be sure to let your classmates know on Slack because the units are different for the new version (v3.1).

Additional Resources

Shhh. Ok, we're going to let you in on a little secret. Ready?

The exercise answers are at the bottom of the book :) That's right. If you're stuck, we've supplied exercise solutions to help you work backwards and understand what needs to be done.

Ready, Set, Continue!