UI Components practice
Filter by difficulty, use hints, reveal solutions and save attempts locally.
1. Practice UI Components overview by building one step of a small real project feature and checking the result.
code-writing1. Start from the UI Components 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 UI Components setup by building one step of a small real project feature and checking the result.
code-fix1. Start from the UI Components 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 UI Components syntax by building one step of a small real project feature and checking the result.
output1. Start from the UI Components 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 UI Components examples by building one step of a small real project feature and checking the result.
fill-blank1. Start from the UI Components 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 UI Components workflow by building one step of a small real project feature and checking the result.
true-false1. Start from the UI Components 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 UI Components validation by building one step of a small real project feature and checking the result.
mini-project1. Start from the UI Components 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 UI Components debugging by building one step of a small real project feature and checking the result.
mcq1. Start from the UI Components 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 UI Components best practices by building one step of a small real project feature and checking the result.
code-writing1. Start from the UI Components 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 UI Components overview by building one step of a small real project feature and checking the result.
code-fix1. Start from the UI Components 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 UI Components setup by building one step of a small real project feature and checking the result.
output1. Start from the UI Components 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 UI Components syntax by building one step of a small real project feature and checking the result.
fill-blank1. Start from the UI Components 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 UI Components examples by building one step of a small real project feature and checking the result.
true-false1. Start from the UI Components 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 UI Components workflow by building one step of a small real project feature and checking the result.
mini-project1. Start from the UI Components 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 UI Components validation by building one step of a small real project feature and checking the result.
mcq1. Start from the UI Components 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 UI Components debugging by building one step of a small real project feature and checking the result.
code-writing1. Start from the UI Components 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 UI Components best practices by building one step of a small real project feature and checking the result.
code-fix1. Start from the UI Components 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 UI Components overview by building one step of a small real project feature and checking the result.
output1. Start from the UI Components 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 UI Components setup by building one step of a small real project feature and checking the result.
fill-blank1. Start from the UI Components setup lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.