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