Overview

In this course, girls learn the fundamentals of website development with HTML, CSS, and JavaScript. In Week One, girls launch a personal website portfolio and work together on projects designed to teach essential programming concepts like variables, conditionals, and functions in JavaScript. Girls also learn and apply visual design principles to build beautiful websites and web applications. In Week Two, girls work in teams to design, build, and present an interactive website about a topic that matters to them.

Is This Course for Me?

This course is a great fit for you if:
You are new to text-based programming

No previous programming experience or expertise in math and science is required. If you’ve taken a programming course using a block-based programming language like Scratch then this would be a great next step.

You like to be curious and creative

You will learn how computer science intersects with the arts, social science, and graphic design fields and how to apply universal design principles to increase the impact and usefulness of websites and applications.

You want to learn skills that prepare you for college and the 21st century

The skills you gain in this course can help you design your own digital portfolio or website.

You want to impact the world around you

You will see how you can use computer science right now to make change.

You would like a “Girls First” environment

Campus is a safe and supportive environment for you and other girls to build confidence, bravery, and technical skills. Each day you will participate in team building activities to help you build new friendships and you will also learn about other women that are making or have had an impact in tech.

Course Syllabus

      • HTML & CSS: Girls learn how to use HTML and CSS to create well-designed and well-formatted websites.
      • JavaScript Fundamentals: Girls learn core Javascript including data types, variables, conditionals, and functions to process user input in their websites.
      • JS DOM Manipulation: The Document Object Model (DOM) allows developers to update the content, style, or structure of a website in response to user actions. Girls will use event listeners and query selectors to create interactive websites.
      • APIs: Developers use APIs or Application Program Interfaces all the time to access services, data, and features from other web sources. Girls will use the CamanJS API to manipulate images using filters.
      • Responsive Layout: Girls learn the Flexbox layout model so they can create websites that respond and adapt to changes in screen size.
      • Debugging: Girls learn strategies and best practices for debugging in JavaScript.
      • Project Management: Students learn and use industry best practices like scrum, Kanban boards, and stand-ups to organize, track, and manage their development and project work.
      • Bravery & Resilience: Learning to code is full of challenges. We help girls build a growth mindset, learn how to tackle new material, and understand the importance of making and learning from mistakes.

What Will I Learn?

By the end of the program, you will be able to:

  • Explain and use HTML, CSS, and core programming concepts including variables, functions, and conditionals in JavaScript to build a web page.
  • Use your presentation and teamwork skills in order to create and present a project your team designs.
  • Build resilience, confidence, and bravery and connect computer science with social justice.
  • Identify a clear next step for pursuing a technical career after high school.
  • Explain how you can use computer science to impact your community.
  • Identify at least two female role models in the tech industry and explain their contributions to society.
  • Explain how you can be a strong ally to other girls in technology.

What Will I Build?

In this Campus program, you’ll design and build websites that have impact, like this one designed to help people de-stress or this one designed to help people swap clothing and reduce waste! A group of Campus students built Veg-ucate, a website by teen girls for teen girls to help build healthy eating habits. It includes recipes, tips to incorporate more vegetables into your meals, and suggestions on keeping your groceries affordable. “We’ve created a website that combats taboo ideas such as “there are no affordable healthy foods” and “more is better.”

What Will I Take Home?

At the end of the course you will take home your multi-page portfolio website.

Sample Schedule

Every day of Campus will look a little different but we structure Campus to maximize learning, sisterhood, and fun! Week One of Campus is about building skills and practicing techniques, while Week Two focuses on building a capstone project that brings many of Week One’s lessons together.

 

A Typical Day in Campus

9:00 AM Girls arrive and get to work! The instructor will go over the plan for the day and lead a Sisterhood activity.

9:30 AM Students learn a core computer science concept through hands-on activities, instruction, reading, and coding.

10:30 AM Girls practice their new skill on a small, creative project, sometimes with a partner and sometimes on their own.

11:30 AM Break! Students move around and keep their brains fresh.

11:45 AM Students jump back into their project work.

12:30 PM Lunch! During this break, students relax and get to know each other. Groups can play games, go outside, or spend time alone for girls who like to recharge solo.

1:15 PM Women in Tech Spotlight! Students learn about a female role model working in the tech industry through videos, interviews, or articles.

1:30 PM Girls tackle another new computer science concept, or dive deeper on the morning’s work.

2:30 PM Mini-Break and Gallery Walk. Students explore what other girls are working on and share their accomplishments!

2:45 PM Students put the finishing touches on their project for the day.

3:30 PM Girls showcase their work, wrap up, and reflect on what they learned!

4:00 PM Class ends for the day.

Your Tuition Includes:

High-caliber Girls Who Code trained instructors

Access to our rigorous, project-based curriculum designed by experts for girls

Access to a laptop and all technology requirements

Your multi-page portfolio website & code base

Girls Who Code Swag, such as a T-shirt, water bottle, stickers, and more!

Girls Who Code Campus completion certificate

Access to the Girls Who Code alumni network, including our internship platform, HireMe, and our alumni newsletter