JavaScript practice

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

1. Practice JS Introduction by building one step of an interactive dashboard widget and checking the result.

code-writing

beginnerJS Introduction

1. Start from the JS Introduction lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

2. Practice Variables by building one step of an interactive dashboard widget and checking the result.

code-fix

beginnerVariables

1. Start from the Variables lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

3. Practice Data Types by building one step of an interactive dashboard widget and checking the result.

output

beginnerData Types

1. Start from the Data Types lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

4. Practice Operators by building one step of an interactive dashboard widget and checking the result.

fill-blank

beginnerOperators

1. Start from the Operators lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

5. Practice Conditions by building one step of an interactive dashboard widget and checking the result.

true-false

beginnerConditions

1. Start from the Conditions lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

6. Practice Loops by building one step of an interactive dashboard widget and checking the result.

mini-project

beginnerLoops

1. Start from the Loops lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

7. Practice Functions by building one step of an interactive dashboard widget and checking the result.

mcq

beginnerFunctions

1. Start from the Functions lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

8. Practice Arrays by building one step of an interactive dashboard widget and checking the result.

code-writing

beginnerArrays

1. Start from the Arrays lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

9. Practice Objects by building one step of an interactive dashboard widget and checking the result.

code-fix

beginnerObjects

1. Start from the Objects lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

10. Practice Strings by building one step of an interactive dashboard widget and checking the result.

output

beginnerStrings

1. Start from the Strings lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

11. Practice DOM by building one step of an interactive dashboard widget and checking the result.

fill-blank

intermediateDOM

1. Start from the DOM lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

12. Practice Events by building one step of an interactive dashboard widget and checking the result.

true-false

intermediateEvents

1. Start from the Events lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

13. Practice Forms by building one step of an interactive dashboard widget and checking the result.

mini-project

intermediateForms

1. Start from the Forms lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

14. Practice LocalStorage by building one step of an interactive dashboard widget and checking the result.

mcq

intermediateLocalStorage

1. Start from the LocalStorage lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

15. Practice Fetch API by building one step of an interactive dashboard widget and checking the result.

code-writing

intermediateFetch API

1. Start from the Fetch API lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

16. Practice Promises by building one step of an interactive dashboard widget and checking the result.

code-fix

intermediatePromises

1. Start from the Promises lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

17. Practice Async/Await by building one step of an interactive dashboard widget and checking the result.

output

intermediateAsync/Await

1. Start from the Async/Await lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

18. Practice Error Handling by building one step of an interactive dashboard widget and checking the result.

fill-blank

intermediateError Handling

1. Start from the Error Handling lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

19. Practice Closures by building one step of an interactive dashboard widget and checking the result.

true-false

intermediateClosures

1. Start from the Closures lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

20. Practice Scope by building one step of an interactive dashboard widget and checking the result.

mini-project

intermediateScope

1. Start from the Scope lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

21. Practice Hoisting by building one step of an interactive dashboard widget and checking the result.

mcq

advancedHoisting

1. Start from the Hoisting lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

22. Practice Event Loop by building one step of an interactive dashboard widget and checking the result.

code-writing

advancedEvent Loop

1. Start from the Event Loop lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

23. Practice Prototypes by building one step of an interactive dashboard widget and checking the result.

code-fix

advancedPrototypes

1. Start from the Prototypes lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

24. Practice Modules by building one step of an interactive dashboard widget and checking the result.

output

advancedModules

1. Start from the Modules lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

25. Practice Debounce and Throttle by building one step of an interactive dashboard widget and checking the result.

fill-blank

advancedDebounce and Throttle

1. Start from the Debounce and Throttle lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

26. Practice OOP by building one step of an interactive dashboard widget and checking the result.

true-false

advancedOOP

1. Start from the OOP lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

27. Practice Functional Programming by building one step of an interactive dashboard widget and checking the result.

mini-project

advancedFunctional Programming

1. Start from the Functional Programming lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

28. Practice Todo App Project by building one step of an interactive dashboard widget and checking the result.

mcq

advancedTodo App Project

1. Start from the Todo App Project lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

29. Practice Quiz App Project by building one step of an interactive dashboard widget and checking the result.

code-writing

advancedQuiz App Project

1. Start from the Quiz App Project lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.

30. Practice JavaScript Review by building one step of an interactive dashboard widget and checking the result.

code-fix

advancedJavaScript Review

1. Start from the JavaScript Review lesson example.

2. Use orders, totals and statuses instead of placeholder text.

3. Run the example and compare output before polishing.