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.
Explain why students should care to learn the material presented in this class.
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.
Course Dates: Tuesday, August 24 – Thursday, October 7, 2021
Class Times: Tuesday, Thursday at 4:00 PM PST – 5:30 PM PST
| Class | Date | Topics | Assignment |
|---|---|---|---|
| 1 | Wed, Oct 19 | Lesson 1 CSS Review | CSS Diner CSS ZenGarden Type |
| 2 | Mon, Oct 24 | Lesson 2 Typography | - |
| 3 | Wed, Oct 26 | Lesson 3 Box Model Flex Media Queries | CSS Zen Garden Card and Button |
| 4 | Mon, Oct 31 | Lesson 4 Background Images | CSS Zen Garden Background Images |
| 5 | Wed, Nov 2 | Lesson 5 CSS Grid | CSS Zen Garden Grid |
| 6 | Mon, Nov 7 | Lesson CSS Position | Challenge problems Site Redesign |
| 7 | Wed, Nov 9 | lesson-pseudo-elements | |
| 8 | Mon, Nov 14 | Lesson 10 Animation | Challenge Problems |
| 9 | Wed, Nov 16 | Lesson 11 Animation | |
| 10 | Mon, Nov 21 | 3D CSS | |
| 11 | Wed, Nov 23 | Thanks Giving Holiday | - |
| 12 | Mon, Nov 28 | Lesson 11 CSS Preprocessors | - |
| 13 | Wed, Nov 30 | Lesson 12 Web Components 1 | - |
| 14 | Mon, Dec 5 | Lesson 13 Web Components 2 | - |
| 15 | Mon, Dec 5 | Final Assessment | - |
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