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

LPI Web Dev Essentials case studies

LPI Web Dev Essentials · Put your knowledge to work in context.

Web Development Essentials is an entry-level Linux Professional Institute (LPI) certification for people taking their first steps in web development. LPI describes the program as supporting "your first steps in software development," with learning materials suitable for both instructor-led training and self-study, and it states that the objectives are designed to include everything needed to implement simple web applications. The LPI Web Dev Essentials case studies are 5 cases and about 3,517 words.

1

Order API Default Format Change Under Legacy Client Load

Northwind Logistics runs a public order-tracking API used by 1,400 active mobile installs. The v1 endpoint returns XML by default, paginates with page/per page, and exposes the internal warehouse code as wh .

686 words, about 3 min
2

Product Card Grid with Invalid Interactive Markup

MetroBikes has a product listing page with 48 product cards. Each card is a <div class="card" onclick="location.href='/p/123'" containing a <button labelled "Add to cart" and an <a labelled "Details".

713 words, about 4 min
3

Dashboard Layout, Cascade, and Cumulative Layout Shift

Orbit Analytics has a dashboard with a fixed left sidebar of 280px, main content with a 760px minimum, and a right rail of 320px. At a 1024px viewport the page scrolls horizontally; at 375px the sidebar covers the content.

717 words, about 4 min
4

Checkout Shipping Rates with Async Loop and Stale Responses

QuickCart's checkout fetches 12 shipping options, one request per cart item, from /rates?sku= . The code uses items.forEach(async item = { const r = await fetch('/rates?sku=' + item.sku); rates.push(...); renderTotal(); }) .

684 words, about 3 min
5

Image Upload Service Blocking the Event Loop and Retrying

PixelServe accepts image uploads through Express with multer memory storage and a 25 MB limit. It then runs sharp to resize, calls fs.writeFileSync to disk, and returns a base64 thumbnail in JSON.

717 words, about 4 min