Advanced CSS

This course provides an overview of advanced CSS techniques to create aesthetic and responsive websites. Students will self-study using provided materials and tasks, learning CSS’s role in creating engaging, user-focused designs with storytelling elements.

Topics:

• Basic principles and techniques for adapting web layouts across devices.
• Using CSS for visual storytelling, enhancing user experience through animations, transitions, and creative layouts.
• Techniques with Flexbox and Grid for responsive, flexible layouts.
• Incorporating color, typography, and spacing to create aesthetically pleasing designs.
• Modern CSS Features
• Introduction to naming conventions (e.g., BEM) and simple preprocessors (SASS basics) for clean code management.

Knowledge

After completing this course, the students will know: 

• Advanced techniques in CSS for responsive, usable, and accessible websites
• Current limitations of CSS for complex designs
• Basics of BEM for CSS organization

Skills

After completing this course, the students will be able to:

• Create responsive layouts using Flexbox and Grid
• Apply colors, typography, and CSS variables effectively
• Design animations and transitions
• Organize CSS code using BEM
• Use basic SASS for styling

General competence

After completing this course, the students will know how to:

• Independently planning and developing web pages that work on different devices.
• Applying design principles to enhance readability and usability.

• Self-Paced Learning with assigned readings, tutorials, and practical tasks.
• Collaborative projects that encourage teamwork and collective learning.

This course is offered to exchange students. Language of instruction is English.