HTMX practice

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

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

code-writing
beginnerHTMX overview

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

code-fix
beginnerHTMX setup

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

output
beginnerHTMX syntax

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

fill-blank
beginnerHTMX examples

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

true-false
beginnerHTMX workflow

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

mini-project
beginnerHTMX validation

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

mcq
beginnerHTMX debugging

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

code-writing
beginnerHTMX best practices

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

code-fix
beginnerHTMX overview

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

output
beginnerHTMX setup

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

fill-blank
intermediateHTMX syntax

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

true-false
intermediateHTMX examples

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

mini-project
intermediateHTMX workflow

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

mcq
intermediateHTMX validation

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

code-writing
intermediateHTMX debugging

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

code-fix
intermediateHTMX best practices

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

output
intermediateHTMX overview

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

fill-blank
intermediateHTMX setup

1. Start from the HTMX setup lesson example.

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

3. Run the example and compare output before polishing.