Junior Web Developer study plan

Build a five-page static site using only semantic elements (header, nav, main, section, article, aside, footer) and validate every page with an HTML validator until zero errors remain.

Classify a list of 20 elements by content category (flow, phrasing, heading, sectioning) and state in one sentence why each category constrains nesting.

Write 15 small JavaScript snippets using let, const, and var to demonstrate block scope, function scope, hoisting, and the temporal dead zone.

Implement a function that converts between string, number, and boolean values and logs the typeof result for each conversion.

Implement five array transformations (map, filter, reduce, find, sort with comparator) against a sample dataset and explain the return value of each.

Write functions that demonstrate closures, default parameters, rest/spread, and destructuring, with a comment on the output of each call.

Build a three-column layout using CSS Grid and an equivalent flexbox version, then note where each approach is simpler.

Apply the box model deliberately: set box-sizing, padding, border, and margin so two sibling boxes align on a shared baseline.

Explain and demonstrate the event loop by ordering the output of a script mixing synchronous code, a microtask, and a timer callback.

Select, create, and remove elements with querySelector, createElement, append, and remove without using innerHTML for user-supplied text.

Attach click, input, and submit handlers and contrast event bubbling with capturing using a nested-element demo.

Delegate events from a single parent listener to dynamically added child buttons and verify the handler fires for new children.

Convert a fixed-width page into a mobile-first responsive layout using three breakpoints and relative units.

Use clamp, min, max, and viewport units to make a hero heading scale without media queries.

Audit a page for heading order, landmark regions, and form labels, then fix every issue found.

Add visible focus styles and a skip link, and verify keyboard-only navigation through the whole page.

Write ARIA attributes only where native semantics fall short, and justify each use or removal in a comment.

Build an accessible form with fieldset, legend, label, required, and aria-describedby for error text.

Trace a form submission from browser to server: identify the method, action, encoding type, and the resulting request line and headers.

Compare GET and POST requests and list which HTTP status codes belong to success, redirection, client error, and server error.

Fetch JSON from a public API with fetch, handle loading and error states, and render results safely as text nodes.

Explain CORS, same-origin policy, and why a preflight request occurs, using one concrete example.

Demonstrate and then mitigate three risks: cross-site scripting via innerHTML, missing CSRF protection on a form, and credentials sent over plain HTTP.

Set security-relevant response headers (Content-Security-Policy, X-Content-Type-Options) on a local server and confirm them in dev tools.

Initialize a repository, make at least eight commits with clear messages, and use branches plus a merge to integrate a feature.

Resolve one deliberate merge conflict and document the resolution steps.

Write unit tests for three pure functions covering a normal case, a boundary case, and an error case.

Debug a broken page using breakpoints, the console, and the network panel, and record the root cause of each bug.

Complete two timed practice sets weighted to the exam blueprint, targeting at least 80 percent accuracy on HTML and JavaScript items.

Re-attempt every missed item and write the underlying rule it tested.

Refactor the week 3 app to remove dead code, add comments, and pass the full test suite.

Run a final self-check against all nine domains and list any remaining weak area with a concrete remediation step.