Course Description

Once you understand the basics of structuring web pages with HTML, your next step is to learn CSS, which is the language used to style web pages.

In this course, we’ll guide you through everything you need to know to start bringing your site design to life. We’ll begin by explaining the three methods of applying CSS to your HTML, covering the situations in which you’ll use each.

Once you know how to apply CSS, we’ll walk you through setting CSS properties related to colors, backgrounds, typography, and more. With the basics behind us, we’ll dig deeper into how CSS is applied and look at some advanced selectors. Along the way, there will be ample opportunity for practice as you work through several exercises.

Prerequisites

Before taking this course, you should be comfortable with HTML and basic web site publishing. You should know how to create a .html file in a code editor and load it in your browser. You should also know how to use fundamental HTML tags like paragraphs, headings, links, images, etc.

If you don’t have this experience, you should start with our HTML: Website Basics course.

If you’re on the fence as to whether you should start in HTML: Website Basics or this course, rest assured that we can easily switch you should to decide your choice is not quite right.

Course Schedule

Week 1

Sun

Mon

Tue

  • HTML Recap and Exercise
  • HTML Recap
  • Nice to Meet You, CSS
  • CSS Intro
  • Inline Styles & CSS Declarations
  • Inline Styles
  • Inheritance
  • Inheritance

Wed

Thu

  • Internal Styles & Selectors
  • Internal Styles
  • External Style Sheets
  • External Styles
  • Recap: Inline, Internal, External
  • Inline, Internal, External
  • Comments
  • Comments

Fri

Sat

  • Colors
  • Colors
  • Typography
  • Typography
  • Fonts
  • Fonts
  • Exercise: Book Report
  • Exercise: Book Report

Week 2

Sun

Mon

Tue

  • Shorthand Properties
  • Shorthand Properties
  • Introduction to Advanced Selectors
  • Adv. Selectors
  • Combinators
  • Combinators
  • Pseudo Classes & Elements
  • Pseudo Classes & Elements

Wed

Thu

  • Exercise: Reverse Engineer
  • Exercise
  • Guided track: Reverse Engineer Exercise
  • Guided Reverse Engineer

Fri

Sat

  • Developer Tools
  • Dev Tools
  • CSS3
  • CSS3
  • Wrap Up
  • Wrap Up

Week 1

Sun

Mon

Tue

  • HTML Recap and Exercise
  • HTML Recap
  • Nice to Meet You, CSS
  • CSS Intro
  • Inline Styles & CSS Declarations
  • Inline Styles
  • Inheritance
  • Inheritance

Wed

Thu

  • Internal Styles & Selectors
  • Internal Styles
  • External Style Sheets
  • External Styles
  • Recap: Inline, Internal, External
  • Inline, Internal, External
  • Comments
  • Comments

Fri

Sat

  • Colors
  • Colors
  • Typography
  • Typography
  • Fonts
  • Fonts
  • Exercise: Book Report
  • Exercise: Book Report

Week 2

Sun

Mon

Tue

  • Shorthand Properties
  • Shorthand Properties
  • Introduction to Advanced Selectors
  • Adv. Selectors
  • Combinators
  • Combinators
  • Pseudo Classes & Elements
  • Pseudo Classes & Elements

Wed

Thu

  • Exercise: Reverse Engineer
  • Exercise
  • Guided track: Reverse Engineer Exercise
  • Guided Reverse Engineer

Fri

Sat

  • Developer Tools
  • Dev Tools
  • CSS3
  • CSS3
  • Wrap Up
  • Wrap Up

How Our Courses Work

Our courses are 2 weeks long, and are divided into Challenge Sets, which are released on Tuesdays, Thursdays, and Saturdays.

Courses are asynchronous—you’ll be taking the course with a small group of other women, but you don’t have to be at your computer at a set time.

Instead, you’ll work the material into your day, aiming to complete each Challenge Set before the next one is released. The idea here is for the course to be flexible with your busy schedule, yet still provide some structure to keep you on track.

Challenge sets are a mixture of text, images, and videos. Using this mixed media approach we’ll break down topics on a human level, while frequently having you write your own code and solving problems.

Challenges wrap up with Checkpoints that let you gauge your grasp of the material and give you an opportunity to practice what you’ve learned.

When you get stuck, you can turn to the course Study Group, which is a forum for interacting with your classmates and instructor.

In terms of prior experience, our courses are beginner-friendly and unless otherwise stated, we only use software that is free and available for both Mac/PC.

Check out our Course Orientation for a more in depth look at how our courses work...

Why take a WCC course?

We keep you on track.

Tutorials, learn-x-in-y-days, libraries of videos and learning material—there are a lot of great resources for learning, but sometimes, it’s hard to stick with it when you’re going it alone.

Our classes are designed to combat abandoned efforts by teaming you up with other people (accountability) and using soft deadlines (structure) distributed throughout the week.

Small, focused, dedicated.

The WCC is not a massively open online course system, and we’re not looking to take over the world.

We’re a small team of educators and programmers, with some of us bringing 15+ years of experience to the table, while others were in your shoes just a short while ago.

Regardless of our background, we share a passion for women-centered education and creating online spaces that share similar vibes to a small, in-person classroom.

The content is always yours and always up-to-date.

We frequently revise our material, fine-tuning for the clearest explanations, the best metaphors, and the most up-to date information.

Even after you complete your course, we’ll continue to update the material as the given topic evolves, and you’ll have full access to all of these updates.

You can also continue to participate and ask questions in your course Study Group, even after the course ends.

Real tools, real environments, real work.

We believe the best way to learn is to get your hands dirty with the actual tools web developers use.

Many online learning platforms use web browser-based code simulators, which can be useful for sharpening your understanding of a particular language, but the skills learned via these simulators are often hard to transfer to the real world.

In our courses we’ll have you completing projects, troubleshooting, and running your work in real environments.

Happy Students

Belinda D. “The course progressed logically, just as it would in a book, but the online environment made a huge difference. Interspersed with the reading, there were short video screencasts, fun diagrams, and checkpoints to test just how much you are absorbing. PLUS—and this is huge— they use metaphors to explain the more abstract concepts, which I find enormusly helpful.”
Anne M. “I love the Women's Coding Collective format; the segmented, super-convenient lesson schedule, the study group interaction, the screencasts, the very appealing interface, and working with some of the best instructors on the planet!”
Stephanie R. “I work in Leadership and Development and have seen a lot of (bad) e-learnings but this platform is so engaging and easy to use. I love that we get short lessons every couple of days and it's not overwhelming. I also love the community via the Study Group.”