HERO All-Girl Code Camp ’21

HER Academy and Olive are partnering to bring you our second HERO Code Camp, expanded to include students in grades 5 – 12. Choose one of five tracks. Registration closed Wednesday, January 6, 2021.

Required Equipment

  • Laptop (ChromeBooks are okay. Tablets are not supported.)
  • Microphone (if laptop does not have one)
  • Camera (optional)
  • Internet access
  • Web browser

Event Times

  • Wed: 01/13 (2 hours) (4:00pm-6:00pm EST)
  • Thurs: 01/14 (2 hours) (4:00pm-6:00pm EST)
  • Tues: 01/19 (2 hours) (4:00pm-6:00pm EST)
  • Wed: 01/20 (2 hours) (4:00pm-6:00pm EST)
  • Thurs: 01/21 (3 hours) show and tell/demo (4:00pm-7:00pm EST)
HERO Code Camp '21 logo

Choose one of five tracks


Web Development 101

Learn to create and design your own personal website.

In the first week, students will learn how to create their own website utilizing basic HTML and javascript. In the second week they will learn more about basic design and user experience and will work to enhance and customize the look of their webpages.

Technologies to be learned

  • Basic HTML, CSS, JS, and UX design
  • We will be using CodePen.io. You should make a (free) account before the start of the program. If for some reason you are unable to do this, download a text editor (such as Sublime).


Building Games with Scratch

In this session, students will explore how to design and code games using Scratch (a block coding platform), as well as how Computer Science plays a role in expression and entertainment. While they create, they will be learning about loops, conditionals, variables and more!

Technologies to be learned

  • Scratch


  • None


Image Filtering

Transforming images to make art or extract information

We will introduce the APL programming language. We will cover the constructs needed to transform images. You will make your own filters that you can apply to images.

Technologies to be learned

  • The APL programming language
  • Notation as a tool for thinking
  • Image representations


  • You must be familiar with mathematical notation,
    • e.g.the symbols: +-÷×><=
    • and some algebra e.g. 2x = 4.
  • Bring some images that you want to apply filters to


Social Media Designer

Learn HTML, CSS, and Javascript to create your own social media website!

Students will learn HTML, CSS and basic Javascript through interactive lessons. They will practice what they have learned by creating CodePens. After learning the basics, we will be creating a social media website using whatever colors, fonts, and shapes the designer chooses!

Technologies to be learned

  • Html elements including divs, images, text elements, tables, lists, links
  • CSS attributes including color, size, border, margin
  • Basic javascript including document selectors and onClick method
  • Code pen online editor


  • We will be using a website called CodePen. You will need to create a free account prior to the first class.
  • No programming experience is required
  • The class will be aimed at pre-teen aged students


Make Your Own Video Game

Go From n00b to 1337 in just 7 days by building your own game.

In this course, you will learn to build a video game from scratch (though you’ll have access to a library of some existing games to work off of if you’d like) by following a straightforward process. We’ll start off by examining what exactly happens behind the scenes of video games you’ve played, then get hands on by building a simple video game. After we build this game in the first 2 days, you will have the option to expand on it, dive into modifying one of the games in our library, or making your own from scratch with our handy toolkit.

Technologies to be learned

  • Game states
  • Event handling
  • Render loops & Frame updates
  • Game Mechanics & (maybe) Game AI


  • Object Oriented Programming (OOP) experience in something like Javascript, C#, Python, etc.
  • Interest in video games and how they work
  • Experience with algebra is a plus (primarily calculating the slope of a line and the
    Pythagorean theorem for distance)