JavaScript typing practice

Read a callback from its parameter through the closing parenthesis before you type. In the first line below, notice how the callback sits inside a method call; in the second, another method call follows it.

const active = users.filter((user) => user.enabled);
const names = active.map((user) => user.name);

Copy the first line three times. Check the parentheses around user, the arrow, the property name, and the final closing characters. Then add the second line. This gives you a clear target instead of repeating random JavaScript text.

An async function adds braces, a call, quotes, and a return statement. Scan the block first so the line break and closing brace are expected rather than surprising.

async function loadUsers() {
  const response = await fetch("/api/users");
  return response.json();
}

Practice the snippet once slowly, then run a short timed test. If you stumble on quotes or closing punctuation, take that one line back into a slow drill before trying another sprint. For syntax reference, see the MDN arrow function guide.

Use a 30- or 60-second JavaScript test and note whether callbacks, quotes, or line endings interrupted you. Repeat the same duration so CPM and accuracy remain comparable. For a focused punctuation warm-up, use the symbols practice guide.