Frontend JavaScript

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 or Atom.

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


Here are the resources we are going to be using as well as some resources from previous years. 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 Slides
  2. HTML & CSS Recap
  3. JavaScript Lab
  4. Demo of Final Project
  5. Source code of Final Project
  6. Old Introduction to JavaScript
  7. Old JavaScript Lab

Even More Resources

Last year’s 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
  4. W3Schools
    • Great tutorials and reference pages for HTML, CSS, JavaScript, and more
    • Helpful interactive examples