Skip to content
WebDev Path
Back

Week 9: Modules, npm and debugging

Next video

Free lesson by Coder Coder on YouTube

About this lesson

Module:
JavaScript
Time:
about 10 hours
Video:
14 min

Organize code into modules and find bugs fast.

By the end of this week you can

  • Split code into ES modules
  • Install packages with npm
  • Debug with breakpoints instead of guessing

Learn

  • import and export
  • npm and package.json
  • DevTools debugger and breakpoints
  • Clean code habits: naming, small functions

Read or watch

Practice

  1. Refactor week 8's app into modules
  2. Find and fix 3 bugs using the debugger

Build

Finish and deploy Project 2: API search app.

Check your understanding

Score 4 out of 5 to complete this week.

  1. 1. How do you make a function available to other files with ES modules?
  2. 2. Where does npm record your project's dependencies?
  3. 3. Should node_modules be committed to Git?
  4. 4. What is the quickest way to pause code and inspect variables in the browser?
  5. 5. What does a bundler like Vite mainly do?
0 of 5 answered