Frontend JavaScript Primer

make your pages interactive with JavaScript

JavaScript is everywhere on the Web. With only a few lines of code, we can make immersive web applications, entertaining games, and interactive sites. Learning JavaScript is somewhat treacherous if you’re just starting out, so we’ll make sure to introduce you to JavaScript in a way that will enable you to continue learning more.

Participants in this workshop will complete exercises related to common JavaScript tasks.

How to Attend

Bring a computer with a web browser and text editor installed. We recommend Chrome and Sublime Text.

This talk assumes you’ve programmed before, either for a class or on your own time.


This workshop has been run before, and these are the resources from last time. If you attend this workshop, we’ll work through all of these resources to help you complete a fun JavaScript project!

  1. Introduction to JavaScript
  2. JavaScript Lab
  3. HTML & CSS Recap
  4. Demo of Final Project
  5. Source code of Final Project

Even More Resources

The lab links to the following external resources if you’re interested:

  1. Humorous video about JavaScript’s shortcomings
  2. Airbnb Style Guide
  3. Mozilla operators documentation
  4. Hoisting Example
  5. Anonymous Functions Example

The following resources are an excellent way to augment your working knowledge of JavaScript, and they’re highly recommended:

  1. Dash
    • Easy and short introduction to HTML, CSS, and JavaScript
  2. Codecademy
    • Learn JavaScript as a language, learn how to use various JavaScript libraries, and work through some real-world projects.
  3. Bento
    • Huge list of programming tutorials across tons of subjects
    • Get suggestions for what to learn after completing each tutorial