Course - Advanced CSS - IDG1293
Advanced CSS
Choose study yearAssessments and mandatory activities may be changed until September 20th.
About
About the course
Course content
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.
Learning outcome
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.
Learning methods and activities
- 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.
Compulsory assignments
- Compulsory work assignments
Further on evaluation
One compulsory assignment (approved/not approved) that is composed of multiple tasks distributed throughout the semester, potentially including an oral presentation. Some tasks may involve completing small projects and peer reviewing other students' projects.
Course evaluation is based on an individual, on-campus exam. All compulsory assignments must be approved to qualify for the exam.
Re-sit Information:
- Re-sit exam is available in the following semester.
- Failed compulsory assignments must be retaken when the course runs next.
- For voluntary course retake to improve grade, all assessments in the course must be retaken
Specific conditions
Admission to a programme of study is required:
Web Development (BWU)
Recommended previous knowledge
Interest in Graphic Design or JavaScript will be an advantage but is not required.
Required previous knowledge
Admission to a programme of study is required:
- Web Development (BWU)
- IDG1292 Web Coding
Course materials
Will be given at the start of the semester.
Subject areas
- Design Methodology