CSS Basics Enroll
Two Week Course: $50
CSS is HTML's other half and the way we style web sites. If HTML is the frame of your house, CSS is the paint, curtains, light fixtures, etc.

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 connecting CSS to your HTML, explaining when and where you'll use each.

Later, we'll introduce you to the CSS style properties that will let you control everything from font size to padding to margins to background images to you name it.

Pre-requisite: Experience with HTML and basic web site publishing.

Course Schedule

Week 1

Sun

  • Welcome
  • Welcome
  • Orientation
  • Orientation
  • HTML recap and exercise
  • HTML recap and exercise

Mon

Tue

  • Nice to meet you, CSS
  • Nice to meet you, CSS
  • Inline Styles
  • Inline Styles
  • Internal styles & selecting elements
  • Internal styles & selecting elements

Wed

Thu

  • External style sheets
  • External style sheets
  • External CSS at work / media queries
  • External CSS at work / media queries
  • Recap: Inline, internal, external
  • Recap: Inline, internal, external
  • Practice: Freestyle mini zen
  • Practice: Freestyle mini zen

Fri

Sat

Week 2

Sun

  • Colors
  • Colors
  • Typography
  • Typography
  • Margins, Padding and Borders
  • Margins, Padding and Borders
  • Syntax oddities and shortcuts
  • Syntax oddities and shortcuts

Mon

Tue

  • Web Inspectors
  • Web Inspectors
  • Styling links and other tricky targets
  • Styling links and other tricky targets
  • Practice: Game, set, style match
  • Practice: Game, set, style match

Wed

Thu

  • Solution: Game, set, style match
  • Solution: Game, set, style match
  • New kid on the block: CSS3
  • New kid on the block: CSS3
  • Up next… CSS layouts and positioning
  • Up next… CSS layouts and positioning

Fri

Sat

Week 1

Sun

  • Welcome
  • Orientation
  • HTML recap and exercise

Mon

Tue

  • Nice to meet you, CSS
  • Inline Styles
  • Internal styles & selecting elements

Wed

Thu

  • External style sheets
  • External CSS at work / media queries
  • Recap: Inline, internal, external
  • Practice: Freestyle mini zen

Fri

Sat

Week 2

Sun

  • Colors
  • Typography
  • Margins, Padding and Borders
  • Syntax oddities and shortcuts

Mon

Tue

  • Web Inspectors
  • Styling links and other tricky targets
  • Practice: Game, set, style match

Wed

Thu

  • Solution: Game, set, style match
  • New kid on the block: CSS3
  • Up next… CSS layouts and positioning

Fri

Sat

FAQs

How does this course work?


When you take a WCC course, you’re joining a small class of other women who are learning the same piece of the web development puzzle as you are.

You’ll complete a set of 3-5 challenges a few times per week and get hands-on practice with the material via checkpoints and roll-up-your-sleeves assignments.

Is the course live? Do I have to be at my computer at a set time?


Nope and nope! We release challenge sets three times a week and you can complete them anytime before the next round comes out.

You can fit challenges into your day individually or do the whole set in one sitting, whatever works for you.

We aim for a mix of structure and soft deadlines to keep you accountable, but flexibility so you can fit the work into your busy schedule.

What are the challenges like?


Each challenge breaks down a topic using written and visual explanations, code examples, and short, snappy screencasts. We use clear language and ground new concepts in familiar metaphors.

Challenges wrap up with short checkpoints that let you gauge your grasp of the material and give you an opportunity to practice.

What kind of work will I be doing?


Many of the checkpoints will have you working on your own examples and code. All checkpoints are open-Internet; Googling and testing solutions is encouraged. This will get you seeking answers, solving problems and thinking like a programmer.

In addition to this, once or twice per course you’ll complete a mini-project and turn it in via the Study Group to get personal feedback from your instructor.

What kind of support will I have in a course?


You're not in this alone.

You'll be taking this course with a small group of other women, and you'll work with each other in your course Study Group.

You'll share work, help each other out and hopefully make some new friends along the way.

Each course also has a dedicated instructor who will check your work, provide you one-on-one feedback and help you when you get stuck.

Can I take more than one class at once?


We generally recommend taking just one course at a time so you can give it your full attention.

This is especially important for courses that build upon one another. For example, you wouldn't want to take CSS Basics and CSS Layouts & Positioning at the same time.

Certain courses are more independent, however, such as our SEO course which pairs nicely with any course if you've got the time.

Which course should I start with?


For our code-centric courses, here is the track we recommend:

  1. Wrangling HTML
  2. CSS Basics
  3. CSS Layouts & Positioning
  4. Wiring websites with JavaScript and jQuery

Independent from that track, we also have a WordPress class and a SEO class which can be taken at any point.

If you're new to all this, you'll want to start at 1 and work your way up. If you have some experience though, feel free to jump in with the topic that best matches what 'ya know already.

If you have any questions about where would be best to start, send us a note to help@thewc.co and we can help place you in the right course.

Can I take a course with a friend?


Yup! In fact, check out our refer-a-friend page to find out how your pal can sign-up and earn you each a $17 discount.

Meet the Women's Coding Collective Courses

Accountability + Structure

Tutorials, learn-x-in-y-days, libraries of videos and learning material. There's a lot of great material online for learning now-a-days, but sometimes, it's seriously 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.

We're professional explainers.

We're trained educators, with university level teaching experience*.

They say those who can, do and those who can't teach. We say, malarky. Everyday, we work on real web applications and work directly with students to share our expertise.

We also run local, in-person classes where we test and refine the material we're adapting to our online classes. You're getting the best of our best.

* Penn, Harvard, Temple, Univ. of Miami, James Madison Univ., to name a few.

Power boosting women coders and creators

The WCC is geared at encouraging more women to get involved in programming and web development.

The web is a powerful medium for communication and we believe it should have a more diverse voice.

Learn more here...

Textbooks won't talk back to you, but our instructors will.

We're at your disposal: use us!

For 2 weeks you have the full attention of a professional web developer, on hand to geek out with you about anything you'd like.

We'll answer questions, provide resources, and even make you personal screencasts to review your code.

The only thing massive about The WCC is our love of kittens.

We're not a massive online course system where you're in a class of thousands of other people. 10-20 max. Pinky swear.

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

We constantly rehash our material, fine-tuning 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 (which you'll always have access to) as the topic evolves.

Take that, online tutorial from 2010.

Real tools, real environments, real work.

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

To do this, we'll have you completing projects, troubleshooting, and running your work in real environments.

In browser code simulators and toys are great, but it can be hard to transfer that experience to the real world.

Sign Up to Enroll

The WCC is a group for women only.
(Learn more...)
If you have any questions about this policy,
we welcome discussions at info@thewc.co.




Already have an account? Log in here

Happy Students


Stephanie R: I want to commend you on this course so far. I work in Leadership and Development and have seen a lot of (bad) e-learnings but this site/course 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 under Study Group.

Helen L: Aside from seeing that I really was living in the dark ages with my basic HTML, I can see how useful CSS is for web design. I'm getting excited about how I'll be able to utilize it on some future websites I'm planning. Why didn't I do this sooner?

Nellie T: The Women's Coding Collective specializes in providing women with a collaborative online space to learn web development tools at each person’s own pace.

Nina A: I really enjoy the short screencasts... Such a booster for confidence and competence here. : )

Other Courses