Junior Web Developer study materials
Junior Web Developer study resources

Junior Web Developer case studies

Junior Web Developer · Put your knowledge to work in context.

The Junior Web Developer certification is an entry-level credential for people who build and maintain websites and want to demonstrate job-ready fundamentals to employers. It suits career changers, bootcamp graduates, and self-taught developers preparing for a first developer role. The Junior Web Developer case studies are 5 cases and about 5,280 words.

1

ReviewerPicker: a div-based listbox and a modal that traps nothing

Your team ships a design-system component called ReviewerPicker. Markup is a <div class="picker" wrapper with tabindex="0" and role="button" , a <span showing the current value, and a <div class="menu" holding 14 <div class="item" rows.

1,044 words, about 5 min
2

Marketplace layout: 320px sideways scroll, a dead sticky header, and a 100vh hero

A marketplace product page uses <div class="layout" <aside class="filters" …</aside <main class="grid" …</main </div with .layout{display:flex;gap:24px} , .filters{flex:0 0 260px} , .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0 16px} and .card{min-width:280px} . On a 320px-wide phone the document scrolls sideways by about 40px, and one card's SKU string ( SKU-8842-XL-RED-COTTON-LONG ) runs out of the card.

996 words, about 5 min
3

Double orders, a 302 that flips methods, and a coupon that never arrives

An e-commerce checkout posts to POST /orders . The submit button is a <button inside the form with a JS click handler that calls fetch and then sets location.href = '/thank-you' .

1,094 words, about 5 min
4

A regex "sanitiser", a GET delete link, and a CSP that permits everything inline

A community site lets members comment on articles. Comments are stored as raw HTML so people can use <b and <a .

1,071 words, about 5 min
5

One flaky checkout test, a shared staging database, and a debounce test that only fails in company

Your Playwright suite has 212 tests. checkout.spec.ts fails about 1 run in 40 on CI, always on the same assertion: after page.click('text=Save') the test waits and then expects the toast "Saved".

1,075 words, about 5 min