Each lab includes a concept, practical exercise, expected result and a verification check. These are browser simulations, not external services.
1. HTML, CSS & JavaScript — Live Page Builder
Theory: HTML defines structure, CSS controls appearance, and JavaScript adds interaction. Edit the sample to see a real rendered result.
Expected: heading, paragraph and clickable button. Change the heading and press Run.
Practice & verification
Change title, background and button text; press Run; verify all three changes. Never paste unknown code from untrusted sources.2. SEO — Search Result Preview
Theory: A descriptive title and meta description help search engines understand the page; appearance and indexing are not guaranteed.
Practice & verification
Write a unique, accurate title and description; check length hints; inspect generated escaped HTML tags. This is a preview, not a Google ranking prediction.3. Digital Marketing — Campaign Budget Calculator
Theory: Clicks = budget / cost per click. Leads = clicks × conversion rate. Forecasts are estimates, not promised results.
Practice & verification
Double the budget and verify clicks and leads approximately double when other assumptions remain constant.4. Creator Studio — SVG Logo Maker
Theory: SVG is a scalable vector format. Create an original typographic logo and export it for editing.
Practice & verification
Change the brand name and color; export the SVG and open it in a browser. Confirm text and color match.5. Excel & Data — CSV Quality Checker
Theory: Clean data requires consistent columns, nonempty identifiers and duplicate detection. This simple CSV example supports quoted fields.
Practice & verification
Add one duplicate row and one missing ID; verify issue counts change. Do not use this demonstration as a substitute for enterprise data validation.6. APIs & JSON — Request/Response Simulator
Theory: APIs exchange structured data. JSON.parse validates syntax; real APIs also require authentication, authorization, network error handling and server validation.
Practice & verification
Remove a quotation mark to trigger a parse error. Restore valid JSON and check the simulated response.All six labs work locally in modern browsers. No account or internet connection required. Progress is not automatically synced.