Javascript workshop series

Ever wonder how the web products you use like Gmail and Facebook got so interactive – without page refreshes? The secret: JavaScript.


Simple, yet powerful, JavaScript is your key to unlocking and understanding website design.


JavaScript is the programming language that makes web pages interactive and is now used to run servers, robots, and more. That makes it one of the most useful first programming languages to learn.


In this workshop, you will learn the fundamentals of programming in JavaScript. Plus, you’ll leave with an animated portfolio web page.


The workshop will include lectures, hands-on exercises, and a project that you will continuously build on. Teachers include Claire Bendersky, Brenda Jin (Senior Platform Engineer at Slack), Esther Weon (Software Engineer at Presence Product), and Jessica Dene Earley (Lab Instructor at Hackbright Academy)We will have TAs to help as well.


This is a great follow-up to our HTML/CSS workshops. If you have made a webpage at HTML/CSS, you may bring that page to use as your project.


  • Basic programming techniques and concepts that are translatable to other programming languages (e.g going through a list of objects aka iterating through an array, coding something that handles different situations with if/else statements)

  • How to use JavaScript on a web page to create richer online experiences with Events and Animations (e.g ask the User for their name and customize a special greeting with their name!)

  • Animate a portfolio page using JavaScript (e.g smooth scrolling to another section of the page with a click of a button)

  • Understand how to install and use jQuery – a popular JavaScript library (e.g you can easily make a hidden menu slide down with three lines of code in jQuery)


Intro to JavaScript: Variables, Functions, Objects, and Arrays (Part 1)


Intro to JavaScript: Animations and jQuery (Part 2)


Attendees need to have a basic understanding of HTML and CSS. If the following makes sense to you, you’re ready to go:

Tech requirements:

  • Your laptop (Mac, PC, or Linux are all okay) and charger.
  • A modern web browser - either Chrome or Firefox.
  • A text editor. We recommend Sublime Text 2 (free to try; $70 for continued use) or Atom (free and open source).  Both are available for Mac, PC, and Linux.

Topics covered:

  • Variables
  • Functions, Objects, and Arrays
  • Animating a web page
  • jQuery