Vue practice

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

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

code-writing
beginnerVue overview

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

code-fix
beginnerVue setup

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

output
beginnerVue syntax

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

fill-blank
beginnerVue examples

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

true-false
beginnerVue workflow

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

mini-project
beginnerVue validation

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

mcq
beginnerVue debugging

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

code-writing
beginnerVue best practices

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

code-fix
beginnerVue overview

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

output
beginnerVue setup

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

fill-blank
intermediateVue syntax

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

true-false
intermediateVue examples

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

mini-project
intermediateVue workflow

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

mcq
intermediateVue validation

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

code-writing
intermediateVue debugging

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

code-fix
intermediateVue best practices

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

output
intermediateVue overview

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

fill-blank
intermediateVue setup

1. Start from the Vue setup lesson example.

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

3. Run the example and compare output before polishing.