LPI Web Dev Essentials study materials
LPI Web Dev Essentials study resources

LPI Web Dev Essentials study plan

LPI Web Dev Essentials · Give each week a clear focus.

8 weeks · About 6 hours per week

Week 1

Software Development and Web Technologies & JavaScript Programming

  • Map the five exam domains to a personal checklist and mark the two heaviest (031 and 034) as priority blocks

  • Explain the HTTP request/response cycle and identify where client markup, styling, scripting, and server code each fit

  • Write 15 short JavaScript snippets covering variables, let/const scope, and primitive vs reference types

  • Set up a version-controlled project folder with a README and run every snippet from the command line

Your checkpoint

A committed repository containing a domain checklist and 15 runnable JavaScript snippets, each with a one-line comment stating what it demonstrates

Week 2

JavaScript Programming

  • Implement functions using declarations, expressions, and arrow syntax, and explain how this binding differs

  • Manipulate arrays with map, filter, reduce, and sort without mutating the source

  • Handle asynchronous flows with callbacks, Promises, and async/await, including error paths via try/catch

  • Use objects and JSON serialization to transform and merge data structures

Your checkpoint

A single JavaScript file with at least 10 exercises (array transforms, async fetch simulation, error handling) that runs to completion with console assertions

Week 3

JavaScript Programming & Software Development and Web Technologies

  • Select and modify DOM elements using querySelector and querySelectorAll

  • Attach and remove event listeners, and explain event bubbling versus capturing

  • Validate form input on the client and render inline error messages

  • Describe the Same-Origin Policy and CORS at a conceptual level in a short written note

Your checkpoint

A working interactive page (to-do or form validator) with add, edit, delete, and validation behavior, plus a 150-word note on CORS

Week 4

HTML Document Markup

  • Build a page using correct document structure: doctype, html, head, body, lang, and charset

  • Apply semantic elements (header, nav, main, section, article, aside, footer) appropriately

  • Construct accessible forms with label-for associations, fieldset/legend, and required attributes

  • Embed images with meaningful alt text and add a data table with caption and scoped headers

Your checkpoint

A validated multi-section HTML page (passes W3C validation) containing a semantic layout, an accessible form, and a data table

Week 5

CSS Content Styling

  • Apply the box model, margin collapsing, and box-sizing correctly across a layout

  • Use Flexbox to build a responsive navigation bar and card row

  • Use CSS Grid to create a two-dimensional page layout with named areas

  • Write media queries for mobile-first breakpoints and verify behavior at three widths

  • Explain specificity and the cascade, and resolve three deliberate style conflicts

Your checkpoint

A responsive stylesheet (mobile, tablet, desktop) applied to the week-4 page, with a written specificity walkthrough of three conflicts

Week 6

NodeJS Server Programming

  • Initialize a Node.js project and explain the roles of package.json and node_modules

  • Use CommonJS require and ES module import/export in separate small files

  • Read and write files asynchronously with the fs/promises API and handle errors

  • Build an HTTP server with the built-in http module that routes at least three paths

  • Consume an environment variable and explain why secrets stay out of source control

Your checkpoint

A Node.js project with a small HTTP server routing three endpoints, file-based data persistence, and a .env.example committed alongside a .gitignore

Week 7

NodeJS Server Programming & Software Development and Web Technologies

  • Build a JSON REST API with GET, POST, PUT, and DELETE handlers and correct status codes

  • Parse request bodies and validate payloads, returning 400 on malformed input

  • Connect the week-3 front end to the API using fetch and render server responses

  • Explain the difference between authentication and authorization in a short note

Your checkpoint

An end-to-end app where the browser front end performs full CRUD against the Node.js API, demonstrated with a short screen recording or curl transcript

Week 8

Software Development and Web Technologies & HTML Document Markup & CSS Content Styling & JavaScript Programming & NodeJS Server Programming

  • Review all five domains against the week-1 checklist and close every gap

  • Complete a timed 60-question mixed practice set and log every wrong answer by domain

  • Re-implement the two weakest topics from memory without notes

  • Write a one-page summary of HTTP, semantics, cascade, async, and Node routing

Your checkpoint

A scored practice run with an error log by domain and a one-page personal summary sheet covering all five domains

Milestones

Week 2: Can write array transforms, async/await with error handling, and closure-based functions from memory without reference material

Week 4: HTML page passes W3C validation with zero errors and keyboard-only navigation reaches every form control

Week 6: Node HTTP server starts from the command line, serves three routes, and survives a malformed request without crashing

Week 7: Browser front end completes create, read, update, and delete against the local API with correct status codes

Week 8: Mixed practice score of 75 percent or higher, with no domain below 60 percent and every logged error explained in writing