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: Monday, May 31 – Friday, July 16, 2021 (7 weeks)
Class Times: Monday, Wednesday, Friday at 2:15 PM – 4 PM (19 class sessions)
| Class | Date | Topics | Assignment |
|---|---|---|---|
| - | Mon, May 31 | No Class - Memorial Day | - |
| 1 | Wed, June 2 | Lesson 1 CSS Review | CSS Diner CSS ZenGarden Type |
| 2 | Fri, June 4 | Lesson 2 Typography | - |
| 3 | Mon, June 7 | Lesson 3 Box Model Flex | CSS Zen Garden Card and Button |
| 4 | Wed, June 9 | Lesson 4 Background Images | CSS Zen Garden Background Images |
| 5 | Fri, June 11 | Lesson 5 CSS Grid | CSS Zen Garden Grid |
| 6 | Mon, June 14 | Lesson 6 CSS Frameworks | CSS Zen Garden + CSS Framework |
| 7 | Wed, June 16 | Lesson 7 Make a CSS Framework | Your CSS Framework |
| 8 | Fri, June 18 | Lesson 8 Styling Navbars | Your framework Navbars |
| 9 | Mon, June 21 | Lesson 9 Form Controls | [Your framework Form Controls] |
| 10 | Wed, June 23 | Lesson 10 Animation | Animation |
| 11 | Fri, June 25 | Lesson 11 Before and after | - |
| 12 | Mon, June 28 | Lesson 12 | - |
| 13 | Wed, June 30 | Lesson 13 | - |
| 14 | Fri, July 2 | Lesson 14 | - |
| - | Mon, July 5 | No Class - Independence Day Observed | - |
| 15 | Wed, July 7 | Lesson 15 | Web Components 1 |
| 16 | Fri, July 9 | Lesson 16 | Web Components 2 |
| 17 | Mon, July 12 | Lesson 17 | - |
| 18 | Wed, July 14 | Present your work | - |
| 19 | Fri, July 16 | 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
Any additional resources you may need (online books, etc.) can be found here. You can also find additional resources through the library linked below:
- Program Learning Outcomes - What you will achieve after finishing Make School, all courses are designed around these outcomes.
- Grading System - How grading is done at Make School
- Diversity and Inclusion Statement - Learn about Diversity and Inclusion at Make School
- Academic Honesty - Our policies around plagerism, cheating, and other forms of academic misconduct
- Attendance Policy - What we expect from you in terms of attendance for all classes at Make School
- Course Credit Policy - Our policy for how you obtain credit for your courses
- Disability Services (Academic Accommodations) - Services and accommodations we provide for students
- Student Handbook - Guidelines, policies, and resources for all Make School students