|
LO-1
|
Builds a maintainable and modular CSS architecture with variables, mixins and nested structures by using the SASS preprocessor.
|
|
LO-2
|
Designs two dimensional, complex and flexible page skeletons by using the CSS Grid Layout module, grid areas, minmax and automatic placement features.
|
|
LO-3
|
Produces responsive solutions in challenging interface scenarios such as an e-commerce site by using Flexbox and Grid techniques in a hybrid manner.
|
|
LO-4
|
Adapts the design from the smallest screen to the largest one with media query strategies by adopting the mobile first approach.
|
|
LO-5
|
Develops GPU accelerated and performance friendly transition and transform based micro animations that improve user experience.
|
|
LO-6
|
Builds dynamic theming infrastructure without the need for JavaScript by using CSS variables.
|
|
LO-7
|
Performs performance analysis of written style codes, applies code minification and purging operations, and carries out browser compatibility tests.
|
|
LO-8
|
Uses next generation CSS structures such as logical properties and container queries in appropriate scenarios.
|
|
LO-9
|
Provides a consistent user experience across different browsers with the progressive enhancement approach.
|
|
LO-10
|
Carries out a term project end to end through concept, coding, performance audit and presentation stages.
|