|
LO-1
|
Compares the utility first and component based approaches of modern CSS frameworks and selects the one suitable for a project.
|
|
LO-2
|
Develops responsive and consistent interfaces by configuring Tailwind CSS.
|
|
LO-3
|
Builds accessible interfaces by using headless component libraries such as shadcn and Radix.
|
|
LO-4
|
Integrates AI assisted interface development tools into the workflow and writes effective prompts.
|
|
LO-5
|
Generates components from Figma files by using design to code conversion tools and adapts them to the project structure.
|
|
LO-6
|
Evaluates the accessibility of interfaces by using AI assisted accessibility audit tools.
|
|
LO-7
|
Builds a consistent visual identity infrastructure with design tokens and design systems.
|
|
LO-8
|
Collaborates effectively with designers by building the bridge between Figma and development.
|
|
LO-9
|
Recognizes alternative approaches such as CSS modules and CSS-in-JS and uses them in different scenarios.
|
|
LO-10
|
Builds performant production builds with the modern build chain and develops a project based interface end to end.
|