Design System Basics practice
Filter by difficulty, use hints, reveal solutions and save attempts locally.
1. Practice Design System Basics overview by building one step of a small real project feature and checking the result.
code-writing1. Start from the Design System Basics overview lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
2. Practice Design System Basics setup by building one step of a small real project feature and checking the result.
code-fix1. Start from the Design System Basics setup lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
3. Practice Design System Basics syntax by building one step of a small real project feature and checking the result.
output1. Start from the Design System Basics syntax lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
4. Practice Design System Basics examples by building one step of a small real project feature and checking the result.
fill-blank1. Start from the Design System Basics examples lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
5. Practice Design System Basics workflow by building one step of a small real project feature and checking the result.
true-false1. Start from the Design System Basics workflow lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
6. Practice Design System Basics validation by building one step of a small real project feature and checking the result.
mini-project1. Start from the Design System Basics validation lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
7. Practice Design System Basics debugging by building one step of a small real project feature and checking the result.
mcq1. Start from the Design System Basics debugging lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
8. Practice Design System Basics best practices by building one step of a small real project feature and checking the result.
code-writing1. Start from the Design System Basics best practices lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
9. Practice Design System Basics overview by building one step of a small real project feature and checking the result.
code-fix1. Start from the Design System Basics overview lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
10. Practice Design System Basics setup by building one step of a small real project feature and checking the result.
output1. Start from the Design System Basics setup lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
11. Practice Design System Basics syntax by building one step of a small real project feature and checking the result.
fill-blank1. Start from the Design System Basics syntax lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
12. Practice Design System Basics examples by building one step of a small real project feature and checking the result.
true-false1. Start from the Design System Basics examples lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
13. Practice Design System Basics workflow by building one step of a small real project feature and checking the result.
mini-project1. Start from the Design System Basics workflow lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
14. Practice Design System Basics validation by building one step of a small real project feature and checking the result.
mcq1. Start from the Design System Basics validation lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
15. Practice Design System Basics debugging by building one step of a small real project feature and checking the result.
code-writing1. Start from the Design System Basics debugging lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
16. Practice Design System Basics best practices by building one step of a small real project feature and checking the result.
code-fix1. Start from the Design System Basics best practices lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
17. Practice Design System Basics overview by building one step of a small real project feature and checking the result.
output1. Start from the Design System Basics overview lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.
18. Practice Design System Basics setup by building one step of a small real project feature and checking the result.
fill-blank1. Start from the Design System Basics setup lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.