Learning Objectives

Learn to code your own website with HTML, CSS, and Javascript!

(no experience needed — learn and code in a fun & safe environment! 🥰)

  • After listening to our spotlight of influential women in CS and innovative CS careers, you will discover intersectionality between code, math, science, and art; how code is used in real life applications; the different careers coding can lead to; and more. 🎨

  • After learning to code with empowering peers and student teachers, you will acquire a foundational knowledge of the design process, HTML, CSS, and Javascript, such as how to use HTML tags, CSS properties, and grid features. 👩‍💻

  • After using your new coding superpowers to implement a personal project, you will have your own website to share with the world. 🌎

  • After each class and its activities, you will have new coding best friends to talk to and code with! 🎉

Meeting Outline

January 27th - April 10th

  1. Sat 1/30/2021 1:00-2:30 pm
  2. Tue 2/2/2021 4:00-5:30 pm
  3. Sat 2/6/2021 1:00-2:30 pm
  4. Tue 2/9/2021 4:00-5:30 pm
  5. Sat 2/13/2021 1:00-2:30 pm
  6. Sat 2/20/2021 1:00-2:30 pm
  7. Tue 2/23/2021 4:00-5:30 pm
  8. Sat 2/27/2021 1:00-2:30 pm
  9. Tue 3/2/2021 4:00-5:30 pm
  10. Sat 3/6/2021 1:00-2:30 pm
  11. Tue 3/9/2021 4:00-5:30 pm
  12. Sat 3/13/2021 1:00-2:30 pm
  13. Tue 3/16/2021 4:00-5:30 pm
  14. Sat 3/20/2021 1:00-2:30 pm
  15. Tue 3/23/2021 4:00-5:30 pm
  16. Tue 4/6/2021 4:00-5:30 pm
  17. Sat 4/10/2021 1:00-2:30 pm

(No class: Tue 2/16/2021, Sat 3/27/2021,
Tue 3/30/2021, Sat 4/3/2021)

Class Format

A typical class includes a bonding activity or an exploration of innovative careers and women in CS, a short instructional period (real-time coding), and an application period (hands-on coding). Open the menus to explore what you'll learn with Code & Connect!


How do you code and start a webpage? During these weeks, you will learn the fundamentals of front-end web development, starting from what HTML even is to coding a basic website with your favorite fonts and colors!

Once you know the fundamentals, you'll put your learning into action by coding an example portfolio website! But first, we'll explore the process by which you will design your website (UI/UX). We will guide you step-by-step in coding a functional website (replicating your mock-up design)—there are truly no limits in coding!

At this time, you'll be taking your website up a notch by making it ✨ interactive ✨. It'll be super fun to see your text move and animate!

Now that we know how to code a functional website, we're going to carry out a final project, in which you and another participant collaborate to code a website on a topic that you both care deeply about! This website will be something that you'll treasure—-possibly your first complete website! Beside sharing it at our final ceremony, you will definitely want to share it with your friends, family, and the world! 🌎🎉