CSS - Variables
Instructors: Jess
Variables
Spring 2026
How to subscribe to this feed in Google Calendar
We (Jess, Eda, and Carmen) have been running free bootcamps for a few years, and we're happy to be offering these through the Bad Website Club now!
Details
- No signups, no mandatory attendance, no tests: this is completely free and paced as you like.
- Materials and a free certificate are part of Responsive Web Design on freeCodeCamp.
- You can chat and collaborate in our dedicated channel in the freeCodeCamp Discord server.
When?
Sessions run from Friday, April 24, 2026 to Friday, July 3, 2026.
What time?
All scheduled sessions start at 3:00pm UTC. Check your timezone.
Where?
Jess, Eda, and Carmen host the bootcamp together. You can follow along on our YouTube channel and on Jess' Twitch channel and Carmen's Twitch channel.
Calendar?
Download or subscribe to the full session calendar. For Google Calendar, use the iCal feed with these subscription instructions.
Participation
This bootcamp is designed to be beginner friendly, and no programming experience is needed.
To participate in this bootcamp, you should be:
- Able to connect to the internet
- Able to use a web browser
- Able to use search engines to look up new information
Therefore, the only requirements are:
- Internet connection
- Web browser
Note: Learners will be the most successful if they're able to study from a device with a physical keyboard instead of a phone or tablet.
Upcoming Sessions
10 scheduled for Spring 2026
CSS - Grid Part 1
Instructors: Jess, Carmen, Eda
Grid
CSS - Grid Part 2
Instructors: Jess, Carmen, Eda
Grid
CSS - Animations Part 1
Instructors: Jess, Carmen, Eda
Animations
CSS - Animations Part 2
Instructors: Jess, Carmen, Eda
Animations
CSS Review
Instructors: Jess, Carmen, Eda
Mixed Topics (0) Part 1
Instructors: Jess, Carmen, Eda
Mixed Topics (0) Part 2
Instructors: Jess, Carmen, Eda
Mixed Topics (0) Part 3
Instructors: Jess, Carmen, Eda
Mixed Topics (0) Part 4
Instructors: Jess, Carmen, Eda
Past Sessions
43 already covered
CSS - Responsive Design
Instructors: Jess, Carmen, Eda
Responsive Design
Session pageCSS - Attribute Selectors
Instructors: Jess, Carmen, Eda
Attribute Selectors
Session pageCSS - Positioning
Instructors: Jess, Carmen, Eda
Positioning
Session pageCSS - Accessibility
Instructors: Jess, Carmen, Eda
Accessibility
Session pageCSS - Typography
Instructors: Jess, Carmen, Eda
Typography
Session pageCSS - Flexbox
Instructors: Jess, Carmen, Eda
Flexbox
Session pageCSS - The Box Model
Instructors: Jess, Carmen, Eda
The Box Model
Session pageCSS - Styling Forms Part 2
Instructors: Jess, Carmen, Eda
Styling Forms
Session pageCSS - Styling Forms Part 1
Instructors: Jess, Carmen, Eda
Styling Forms
Session pageCSS - Colors
Instructors: Jess, Carmen, Eda
Colors
Session pageCSS - Pseudo Classes and Elements Part 2
Instructors: Jess, Carmen, Eda
Pseudo Classes and Elements
Session pageCSS - Pseudo Classes and Elements Part 1
Instructors: Jess, Carmen, Eda
Pseudo Classes and Elements
Session pageCSS - Absolute and Relative Units
Instructors: Jess, Carmen, Eda
Absolute and Relative Units
Session pageCSS - Design
Instructors: Jess, Carmen, Eda
Design
Session pageUser Interface Design Fundamentals
Instructors: Jess, Carmen, Eda
Design
Session pageCSS - Basic CSS Part 4
Instructors: Jess, Carmen, Eda
Basic CSS
Session pageCSS - Basic CSS Part 3
Instructors: Jess, Carmen, Eda
Basic CSS
Session pageCSS - Basic CSS Part 2
Instructors: Jess, Carmen, Eda
Basic CSS
Session pageDesign a Business Card
Instructors: Jess, Carmen, Eda
Basic CSS
Session pageCSS - Basic CSS Part 1
Instructors: Jess, Carmen, Eda
Basic CSS
Session pageHTML - Accessibility Part 5
Instructors: Jess, Carmen, Eda
Accessibility
Session pageHTML - Accessibility Part 4
Instructors: Jess, Carmen, Eda
Accessibility
Session pageGuest session with Sara Joy: Whimsica11y: bringing the joy and whimsy to *everyone*
Instructors: Jess, Carmen, Eda
Accessibility
Session pageHTML - Accessibility Part 3
Instructors: Jess, Carmen, Eda
Accessibility
Session pageHTML - Accessibility Part 2
Instructors: Jess, Carmen, Eda
Accessibility
Session pageHTML - Accessibility Part 1
Instructors: Jess, Carmen, Eda
Accessibility
Session pageHTML - Forms and Tables Part 3
Instructors: Jess, Carmen, Eda
Forms and Tables
Session pageHTML - Forms and Tables Part 2
Instructors: Jess, Carmen, Eda
Forms and Tables
Session pageHTML - Forms and Tables Part 1
Instructors: Jess, Carmen, Eda
Forms and Tables
Session pageHTML - Semantic HTML Part 3
Instructors: Jess, Carmen, Eda
Semantic HTML
Session pageHTML - Semantic HTML Part 2
Instructors: Jess, Carmen, Eda
Semantic HTML
Session pageHTML - Semantic HTML Part 1
Instructors: Jess, Carmen, Eda
Semantic HTML
Session pageHTML - Basic HTML Part 8
Instructors: Jess, Carmen, Eda
Basic HTML
Session pageHTML - Basic HTML Part 7
Instructors: Jess, Carmen, Eda
Basic HTML
Session pageGuest session with Terence Eden: Wait - you can do *that* with SVG?
Instructors: Jess, Carmen, Eda
Basic HTML
Session pageHTML - Basic HTML Part 6
Instructors: Jess, Carmen, Eda
Basic HTML
Session pageHTML - Basic HTML Part 5
Instructors: Jess, Carmen, Eda
Basic HTML
Session pageHTML - Basic HTML Part 4
Instructors: Jess, Carmen, Eda
Basic HTML
Session pageHTML - Basic HTML Part 3
Instructors: Jess, Carmen, Eda
Basic HTML
Session pageHTML - Basic HTML Part 2
Instructors: Jess, Carmen, Eda
Basic HTML
Session pageHTML - Basic HTML Part 1
Instructors: Jess, Carmen, Eda
Basic HTML
Session pageComputers - Computer Basics
Instructors: Jess, Carmen, Eda
Computer Basics
Session pageLaunch Party
Instructors: Jess, Carmen, Eda
Session pageThis bootcamp is based on the curriculum for Responsive Web Design on FreeCodeCamp.