LPI Web Dev Essentials study plan
LPI Web Dev Essentials · Give each week a clear focus.
8 weeks · About 6 hours per week
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
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
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
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
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
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
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
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