Checkpoint: Modern JavaScript

A checkpoint is a hands-on review that combines everything from the modern JavaScript track — template literals, optional chaining, array and object methods, symbols, getters/setters, Proxy, and BigInt — into one build challenge and a short quiz.

Learn Checkpoint: Modern JavaScript in our free JavaScript course — an interactive lesson with runnable examples, a practice exercise and a quick reference.

Part of the free JavaScript course at LearnCodingFast — hands-on lessons with examples you run in your browser, plus practice exercises and a quick quiz.

No new syntax here: this is where the pieces click together into something you could ship.

What You'll Practice in This Checkpoint

📋 What You've Learned

Here's the whole modern-JavaScript toolkit in one place. Each row links the idea to a one-line reminder.

Concept

One-line reminder

Template literals

— interpolation, multiline, tags

Optional chaining / ??

a?.b ?? def — safe reads + null-only defaults

Array methods

find , some , flatMap , toSorted

Object methods

entries , fromEntries , freeze , groupBy

Symbols

Symbol() — unique keys & Symbol.iterator

Getters / setters

get / set + descriptor flags

Proxy & Reflect

intercept ops with traps; forward via Reflect

BigInt

10n — exact integers past the safe limit

🛠️ Build Challenge — A Mini Order Processor

Build a small utility that (1) reads each order's nested customer city safely with optional chaining, (2) groups orders by status using Object.groupBy , (3) finds the highest-value order with an array method, and (4) wraps a config object in a validating Proxy that rejects negative discounts. Fill in the blanks in the starter, then check against the full solution.

Notice how four separate lessons cooperate: ?. + ?? , Object.groupBy , the immutable toSorted , and a validating Proxy with Reflect.set .

✅ Run the Finished Utility

Here is the completed solution as one runnable program, plus a template-literal report at the end. Run it to confirm every piece works together.

📝 Checkpoint Quiz

Answer each in your head, then reveal to check.

The nullish coalescing operator ?? . Unlike || , it only falls back for null and undefined , so a real 0 is preserved.

sort mutates the array in place; toSorted returns a new sorted array and leaves the original untouched.

Object.fromEntries(Object.entries(obj).map(...)) — convert to pairs, map them, then rebuild.

Symbol.for returns the same shared symbol from the global registry every time, while Symbol("x") always creates a new, unequal symbol.

Call Reflect.set(target, key, value) and return its result — that performs the default assignment and returns true .

JavaScript refuses to mix BigInt and Number. Convert first: 10n + BigInt(5) or Number(10n) + 5 .

Pitfalls to Avoid

• 1️⃣ Defaulting with || when 0/"" are valid
• 2️⃣ Mutating shared data with sort
• 3️⃣ Forgetting Reflect.set's return in a trap

Quick Reference — Pick the Right Tool

Need

Reach for

One matching item

find

Safe nested read

?. + ??

Bucket by key

Object.groupBy

Cross-cutting validation

Proxy + Reflect

Exact huge integer

📚 Keep Learning

• MDN: JavaScript Guide
• MDN: JavaScript Reference
• MDN: Expressions and operators

Frequently Asked Questions

🎉 Checkpoint Complete — Modern JavaScript!

• ✅ You recalled the full modern-JS toolkit
• ✅ You combined optional chaining, array/object methods, and a Proxy in one utility
• ✅ You can pick the right tool for a given need
• ✅ You self-checked with the quiz

Up next: Promise Combinators — coordinating many async operations. ⏩

Practice quiz

Continue this course

• Previous: BigInt & Number Precision
• Next: Promise Combinators

Related lessons

• Template literals
• Optional chaining / ??
• Array methods
• Object methods
• Symbols
• Getters / setters
• Proxy & Reflect