May 20, 2025 - 9:30am to 4:30pm Central Daylight Time
▶ ︎LIVE NOW

Getting Started with CSS, v2

Jen Kramer
AnnieCannons
Getting Started with CSS, v2

This Workshop's Online Chatroom is Currently Open!

This workshop has ended. Check back soon for the recording!

You can watch a replay of this workshop!

Get to know CSS in the right way without the fluff by building a portfolio site.

Key Takeaways

By participating along with us in the workshop, you'll learn:

  • Identify, construct, and include relevant information to make a stronger portfolio
  • Code a website using HTML and CSS to market your skills
  • Associate the appropriate semantic HTML elements in your design
  • Leverage CSS variables to create a design system
  • Apply the new light-dark() CSS property to set up a configurable light/dark color scheme
  • Construct grid-based, responsive layouts
  • Include accessible social media icons

Is This Workshop for Me?

Junior developers will get more practice with applying HTML and CSS to real-world content while solving a real-world problem. Junior developers will also benefit from a portfolio that’s easily updated to reflect new project work. Senior developers will benefit from a rapid HTML and CSS review. This is best for senior developers who don’t frequently use HTML and CSS, or don’t necessarily understand how these languages work.

Workshop Details

Starting with provided content or your own, create a portfolio site using a simple design system, semantic HTML, grid-based layouts, responsive design, and a light/dark color scheme easily switched by the user. You’ll leave this course with a worksheet for developing effective portfolio content. You’ll also have a solid grasp on setting up a design system using CSS variables, and using those variables to create a light/dark color scheme. You’ll get more practice with grid-based layouts, and you’ll learn to organize your content to tell a coherent story. By the end of this course, you’ll have a simple one-page portfolio website with all of your basic information included, as well as a plan for next steps to make the site your own.

Any Prerequisites?

  • Basic HTML and CSS experience is helpful but not required.

Attend Online Live and in Full HD

Or Join In Person from Downtown Minneapolis
Get Your Questions Answered
Code Along with the Class
Classroom Format

You're Registered to Attend Online!

You'll receive additional details and a reminder via email as the event draws near.

Getting Started with CSS, v2

Event Details

What

  • One Full Day Workshop Session
  • Replay Videos (available immediately)

When

  • May 20, 2025 - 9:30am to 4:30pm Central Daylight Time

Where

  • Option 1: Attend online on our full HD live stream
  • Option 2: Attend in-person at HQ in Minneapolis, MN

Daily Schedule

  • 9:30AM
    Welcome and setup
  • 10:00AM
    Developing portfolio content using the worksheet
  • 10:45AM
    Setting up the basic design system
  • 11:15AM
    Semantically marking up text and images
  • 12:00PM
    Lunch Break
  • 12:45PM
    Applying basic styling to text
  • 1:15PM
    Applying layouts and responsiveness to the page
  • 2:30PM
    Continued work on layouts, footer, and icons
  • 3:45PM
    Applying the light/dark color scheme and switcher to the website
  • 4:45PM
    Wrapup

Your (Awesome) Instructor

Jen Kramer

Jen Kramer

Jen Kramer has taught HTML and CSS to all skill levels for over 20 years. She was previously a Lecturer at Harvard University, in addition to her freelance web design work. She is also the author of over 70 video training courses and three books. Currently, Jen is the Director of Learning Design & Technology at AnnieCannons, a non-profit devoted to training, preparing, and connecting individuals who have experienced human trafficking to sustainable careers in tech.

Check out all of our upcoming workshops!

Workshops happen throughout the year, and are all included with membership.