Tools Quiz
Check how well you know the everyday tools of a web developer. Answer each question and read the explanation.
How to Use This Quiz
- Answer from memory, then check
- Better still, open the tool and try the answer yourself
- 7 or more correct out of 9 means you are ready to work like a professional
Quiz Questions
Exercise
1. In VS Code, which shortcut lets you open any file quickly by typing part of its name?
Exercise
2. Which VS Code extension reloads your page in the browser every time you save?
Exercise
3. In DevTools, which panel lets you change CSS values live on the page?
Exercise
4. Which terminal command shows the folder you are currently in?
Exercise
5. Which folder should never be committed to Git in a Node.js project?
Exercise
6. What does the command npm run dev do?
Exercise
7. An API returns status code 404. What does it mean?
Exercise
8. What does Lighthouse's LCP (Largest Contentful Paint) measure?
Exercise
9. Which host is made by the creators of Next.js and gives every pull request a preview link?
What Next?
Well done! Now use these tools on a real project: write it in VS Code, debug it with DevTools, save it with Git, check it with Lighthouse, and publish it on Netlify or Vercel. Then share the live link in your portfolio.