This course equips learners with advanced CSS skills, including modern techniques, preprocessors, and scalable CSS architecture. It emphasizes building accessible web experiences and culminates in a hands-on project to create a professional portfolio site.
Overview
Syllabus
- CSS Architecture
- Understand CSS Architecture by learning methodologies BEM, OOCSS, and SMACSS to write scalable and maintainable styles with clear organization and improved readability.
- CSS Preprocessors
- Explore CSS Preprocessors: tools that extend CSS with features like variables, nesting, and modularity, offering a structured, efficient syntax for more organized and reusable code.
- Advanced CSS Techniques
- Dive into Advanced CSS Techniques: master animations, media queries, and modern design to enhance web aesthetics and dynamic user experiences.
- Web Accessibility
- Explore web accessibility by understanding principles for inclusive design, accessible content creation, ARIA roles, and compliance with WCAG standards to enhance online user experiences.
- Project: Portfolio Site
- This project builds a one-page web developer portfolio using advanced CSS, animations, a preprocessor, and BEM. It ensures level AA accessibility compliance.
Taught by
Darshana Sen, Ixius Procopios and Eric Kovalevskyy