Component Styling
Style reusable components such as buttons, cards and badges so they work anywhere on a site.
What you'll learn
- Name components with a consistent convention
- Build variants with modifier classes
- Keep components independent of page layout
About this course
In two weeks you build a small component set with consistent naming and variants. You learn how to keep components independent of the page they sit on.
Course curriculum
3 modules and 9 lessons over 2 weeks. Plan for about 6 learning hours.
01Component thinkingWeek 1 · 3 lessons
- What makes a component
- Naming conventions
- File structure
02Building componentsWeek 1 · 3 lessons
- Buttons
- Cards
- Badges and alerts
03VariantsWeek 2 · 3 lessons
- Modifier classes
- Sizes and states
- Documenting the set
Project
Component set. Buttons, cards, badges and alerts with variants, documented on one reference page.
Who this course is for
Learners who write CSS and want styles that don't break when reused.
Prerequisites
You write CSS for full pages.
What's included
- 90-day course access
- Guided lessons
- Coding exercises
- Starter files
- Solution examples
- A digital completion certificate
Learning format
Self-paced mini-course, part of our self-paced courses. Guided lessons, exercises and student support.
Access and delivery
- Digital access is activated within 15 minutes after successful payment.
- Student support replies are targeted within 2 business days.
- The completion certificate is issued within 2 business days after the final exercise is submitted.
Certificate
You receive a digital completion certificate. The completion certificate is issued within 2 business days after the final exercise is submitted.
Frequently asked questions
When does access start?
Digital access is activated within 15 minutes after successful payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for self-paced mini-course programs.
