JSON Diff: Spot Every Change
Build a deep diff that reports exactly what was added, removed, or changed between two objects, the engine behind every 'review changes' screen.
What you'll be able to build
Build a deep diff that reports exactly what was added, removed, or changed between two objects, the engine behind every 'review changes' screen. Along the way you pick up real, transferable JavaScript skills, not just this one project:
- recursion over nested objects and arrays
- structural (deep) equality
- classifying add / remove / update
- building a path to each change
- handling type mismatches and nulls
- formatting a readable diff report
A course like this one
Yours is built from your own placement, so module count and depth will differ. This map shows what a intermediate-level JavaScript learner building JSON Diff actually gets.
- Module 1: JavaScript Values and Product State5 lessons
Builds the component state for your json diff.
- Module 2: Arrays, Objects, and Client Data5 lessons
Builds the client data model workflow for your json diff.
- Module 3: Events, Branches, and UI Decisions5 lessons
Builds the event rule that powers your json diff.
- Module 4: Functions, Modules, and Tests5 lessons
Builds the reusable utility function for your json diff.
- Module 5: API Boundaries and Async Thinking5 lessons
Builds the API adapter for your json diff.
- Module 6: Frontend Launch Readiness3 lessons
Builds the release checklist for your json diff.
How the lessons actually work
Every lesson has you predict what a piece of JavaScript code will output before you run it, then run it for real in your browser and fix what you got wrong. Each module ends in a challenge gate with hidden tests, so you can't advance until your code actually works. The course closes with a capstone that assembles everything into JSON Diff, and a runnable proof page tied to your own code.
Common questions
How long does the JSON Diff: Spot Every Change course take?
about 7 hours, across 6 modules and 28 lessons, at roughly 15 minutes per lesson. Your own course may run shorter or longer, since it's sized to your placement result, not a fixed template.
Do I need experience?
Some. This is an intermediate-tier JavaScript project, so it assumes you're comfortable with JavaScript basics and pushes past them.
How much does it cost?
$15 one-time, no subscription. The first module is free, so you can see exactly how the course teaches before you pay for the rest.