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.
Course Dates: Ocober 21 – , December 13, 2024
Class Times: Tuesday, Thursday at 4:00 PM PST – 6:45 PM PST
| Class | Date | Topics | Assignment | Assessment Due |
|---|---|---|---|---|
| - | Week 1 | - | - | - |
| 1 | Tue, Oct 22 | Lesson 1 CSS Review | CSS Zen Garden | - |
| 2 | Thu, Oct 24 | Lesson 2 Typography | - | - |
| - | Week 2 | - | - | - |
| 3 | Tue, Oct 29 | Lesson 3 Box Model Flex Media Queries | - | - |
| 4 | Thu, Oct 31 | Lesson 4 Background Images | - | - |
| - | Week 3 | - | - | - |
| 5 | Tue, Nov 5 | Lesson 5 CSS Grid | CSS Project Redesign | CSS Zen Garden |
| 6 | Thu, Nov 7 | Lesson CSS Position Specificity | - | - |
| - | Week 4 | - | - | - |
| 7 | Tue, Nov 12 | lesson-pseudo-elements | - | - |
| 8 | Thu, Nov 14 | Lesson 10 Transition | - | - |
| - | Week 5 | - | - | - |
| 9 | Tue, Nov 19 | Lesson 11 Animation | CSS Framework | CSS Project Redesign |
| 10 | Thu, Nov 21 | 3D CSS Custom Properties | - | - |
| - | Week 6 | - | - | - |
| 11 | Tue, Nov 26 | Lesson 11 CSS Preprocessors | - | - |
| 12 | Thu, Nov 28 | Thanks Giving Holiday | - | |
| - | Week 7 | - | - | - |
| 13 | Tue, Dec 3 | Lesson 12 Web Components 1 | Web Components | CSS Framework |
| 14 | Thu, Dec 5 | Lesson 13 Web Components 2 | - | - |
| - | Week 8 | - | - | - |
| 13 | Tue, Dec 10 | TBA | - | - |
| 14 | Thu, Dec 12 | TBA | - | Web Components |
These are the assignments you will be responsible for this term:
Follow this playlist:
https://www.youtube.com/playlist?list=PLoN_ejT35AEhF_M9vBuZgW0E4PiDb19oX
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