Icons practice

Filter by difficulty, use hints, reveal solutions and save attempts locally.

1. Practice Icons overview by building one step of a small real project feature and checking the result.

code-writing
beginnerIcons overview

1. Start from the Icons 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 Icons setup by building one step of a small real project feature and checking the result.

code-fix
beginnerIcons setup

1. Start from the Icons 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 Icons syntax by building one step of a small real project feature and checking the result.

output
beginnerIcons syntax

1. Start from the Icons 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 Icons examples by building one step of a small real project feature and checking the result.

fill-blank
beginnerIcons examples

1. Start from the Icons 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 Icons workflow by building one step of a small real project feature and checking the result.

true-false
beginnerIcons workflow

1. Start from the Icons 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 Icons validation by building one step of a small real project feature and checking the result.

mini-project
beginnerIcons validation

1. Start from the Icons 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 Icons debugging by building one step of a small real project feature and checking the result.

mcq
beginnerIcons debugging

1. Start from the Icons 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 Icons best practices by building one step of a small real project feature and checking the result.

code-writing
beginnerIcons best practices

1. Start from the Icons 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 Icons overview by building one step of a small real project feature and checking the result.

code-fix
beginnerIcons overview

1. Start from the Icons 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 Icons setup by building one step of a small real project feature and checking the result.

output
beginnerIcons setup

1. Start from the Icons 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 Icons syntax by building one step of a small real project feature and checking the result.

fill-blank
intermediateIcons syntax

1. Start from the Icons 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 Icons examples by building one step of a small real project feature and checking the result.

true-false
intermediateIcons examples

1. Start from the Icons 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 Icons workflow by building one step of a small real project feature and checking the result.

mini-project
intermediateIcons workflow

1. Start from the Icons 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 Icons validation by building one step of a small real project feature and checking the result.

mcq
intermediateIcons validation

1. Start from the Icons 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 Icons debugging by building one step of a small real project feature and checking the result.

code-writing
intermediateIcons debugging

1. Start from the Icons 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 Icons best practices by building one step of a small real project feature and checking the result.

code-fix
intermediateIcons best practices

1. Start from the Icons 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 Icons overview by building one step of a small real project feature and checking the result.

output
intermediateIcons overview

1. Start from the Icons 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 Icons setup by building one step of a small real project feature and checking the result.

fill-blank
intermediateIcons setup

1. Start from the Icons setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.