Course Dates: Ocober 20 – , December 12, 2025
Class Times: Tuesday, Thursday at 4:00 PM PST – 6:45 PM PST
| Class | Date | Topics | Assignment | Due |
|---|---|---|---|---|
| - | Week 1 | CSS Selectors & Specificity | CSS Zen Garden | - |
| 1 | Tue, Oct 21 | Mastering selectors, specificity | - | - |
| 2 | Thu, Oct 23 | [Pseudo-elements], Typography, Background Images | - | - |
| - | Week 2 | Drawing with CSS | Make a Picture with CSS | CSS Zen Garden |
| 3 | Tue, Oct 28 | Position, transform, gradient, clip-path | - | - |
| 4 | Thu, Oct 30 | shadows 3D CSS | - | - |
| - | Week 3 | CSS Custom Properties | Parameterize Your Picture | - |
| 5 | Tue, Nov 4 | Custom Properties | - | Make a Picture with CSS |
| 6 | Thu, Nov 6 | [Lesson CSS Position] | - | - |
| - | Week 4 | CSS Motion & Microinteractions | Microinteractions | - |
| 7 | Tue, Nov 11 | Transition | - | Parameterize Your Picture |
| 8 | Thu, Nov 13 | Animation | - | - |
| - | Week 5 | CSS Preprocessors. | CSS Framework | - |
| 9 | Tue, Nov 18 | CSS Preprocessors Variables, nesting, loops, partials | - | Microinteractions |
| 10 | Thu, Nov 20 | Functions and mixins. | - | - |
| - | Week 6 | Web Components | Web Components | - |
| 11 | Tue, Nov 25 | Web Components Part 1 | - | - |
| 12 | Thu, Nov 27 | Thanks Giving Holiday | - | - |
| - | Week 7 | - | - | - |
| 13 | Tue, Dec 2 | Web Components part 2 | - | CSS Framework |
| 14 | Thu, Dec 4 | - | - | - |
| - | Week 8 | - | - | - |
| 13 | Tue, Dec 9 | TBD | - | - |
| 14 | Thu, Dec 11 | TBD | - | Web Components |
TBD = @function, attr(), if() and other not ready for prime time TBD = clamp(), calc(), @property
You are responsible for solving the the following homework challenges. There is roughly one challenge per week each on a disticnt topic.
- Week 1 - CSS Zen Garden
- Week 2 - Make a Picture with CSS
- Week 3 - Parameterize Your Picture
- Week 4 - Microinteractions
- Week 5 - CSS Framework
- Week 6 - Web Components
This course is a deep exploration of CSS. Students take a close look at rendering web pages with CSS, using CSS for motion and interaction, optimizing CSS for use with CSS variables and working with modern CSS frameworks.
CSS is a language that is responsible for the appearance of you web apps. To make great looking web apps that gather great user base you'll need to know it.
Course Delivery: online | 7 weeks | 14 sessions
Course Credits: 3 units | 37.5 Seat Hours | 75 Total Hours
Students by the end of the course will be able to:
- Write CSS in the CSS language
- Use grid systems for layout
- Use CSS preprocessors
- Implement CSS variables to make more modular stylesheets
- Apply principles of typography and color theory
- Apply advanced CSS concepts including transform, transition, and keyframes
- Implement industry best practices
Beyond these you should be able to apply CSS like a boss and bring your ideas to the large and small screen! Students will also explore new bleeding edge concepts that are the future of the web.
To pass this course you must meet the following requirements:
- Pass 70% projects according to the associated project rubric
- Pass the final summative assessment according to the rubric as specified in this class
- This will be further explained in the study guide
- Actively participate in class and abide by the attendance policy
- Make up all classwork from all absences