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

Course dates

Sat July 9, 2016    10:00 - 5:00

Variables, Functions, Arrays









Sun July 10, 2016   10:00 - 5:00

Objects, Arrays, and Functions






Wed July 13, 2016    6:00 - 8:00

Study Group with Lightning Talks





Sat July 16, 2016    10:00 - 5:00











Sun July 17, 2016    10:00 - 5:00


Lesson Plan

Day 1: Intro to Programming with JavaScript

Variables and Functions

  • Language of the web
  • Variable types and expressions
  • Functions, arguments, and scope

Control Flow

  • if and else statements
  • Comparison and logical operators
  • Loops and iterators
  • Arrays

Day 2: Objects, Arrays, and Functions

Objects, Arrays, and Functions

  • Review of Arrays
  • Objects
  • Advanced functions and arguments (with objects)
  • Scope and precedence (with objects)

Study Group with Lightning Talks

Work with TAs on your projects and get feedback to improve!


Day 3: Animations

Making webpages interactive

  • HTML/CSS and the Document Object Model (DOM)

Document Object Model

  • Accessing and modifying the DOM with JavaScript

Events and Animation

  • Event types and listeners
  • Processing Form Input
  • Animating with JS and CSS

Day 4: jQuery

Intro to jQuery

  • What is a library?
  • Selecting and manipulating HTML
  • Finding and reading elements
  • Creating and injecting HTML

I have found Girl Develop It a welcoming place to learn, regardless of skill level.
— Karla Lopez