DEVELOPER SANDBOX
Academy of Mastery
Simple-Sprite Wildlife Simulation
2D Tile Map Survival System
Games & Simulation
Planned
Visual data lab
Rendering & Graphics
Planned
Builds a simplified data request from scratch with XMLHttpRequest
Browser APIs
Complete
Browser Internals and Rendering Experiment
Experimental renderer exploring parsing, layout, styling, and drawing beneath browser interfaces.
Rendering & Graphics
Planned
Relational and Document Database Practice
Hands-on database laboratory for SQL, PostgreSQL, MongoDB, modeling, and query practice.
Data & Databases
In Progress
HTTP Request and Response Workbench
Interactive HTTP request laboratory for methods, headers, payloads, responses, and debugging.
Backend & APIs
Planned
Browser Graphics Practice Laboratory
Visual coding laboratory for Canvas rendering, animation, coordinates, and interaction experiments.
Rendering & Graphics
Planned
Reusable Browser Game Architecture
Reusable browser-game foundation for scenes, state, input, sprites, and simulation systems.
Developer Tooling
Planned
PHP HTTP Request Practice
Focused PHP laboratory for cURL, forms, JSON, REST, GET, and POST requests.
Backend & APIs
Planned
Python Data Practice Environment
Python laboratory for data analysis, visualization, reproducible experiments, and dataset practice.
Data & Databases
In Progress
LAB 001 — TypeScript Toolchain
Compile TypeScript and display its result in a browser.
TypeScript Toolchain
Planned
LAB 002 — TypeScript Toolchain
Show how source TypeScript becomes compiled JavaScript output.
TypeScript Toolchain
Planned
LAB 003 — TypeScript Toolchain
Connect an npm build command to visible compiled output.
TypeScript Toolchain
Planned
LAB 004 — TypeScript Toolchain
Visualize scripts, module mode, and development dependencies.
TypeScript Toolchain
Planned
LAB 005 — TypeScript Toolchain
Compare development dependencies with runtime dependencies visually.
TypeScript Toolchain
Planned
LAB 006 — TypeScript Toolchain
Display locked package versions as a dependency tree.
TypeScript Toolchain
Planned
LAB 007 — TypeScript Toolchain
Connect exported values to imported browser modules.
TypeScript Toolchain
Planned
LAB 008 — TypeScript Toolchain
Compare TypeScript source with different JavaScript output targets.
TypeScript Toolchain
Planned
LAB 009 — TypeScript Toolchain
Separate browser APIs from Node APIs in compiler configuration.
TypeScript Toolchain
Planned
LAB 010 — TypeScript Toolchain
Trace a runtime error back to its TypeScript source.
TypeScript Toolchain
Planned
LAB 011 — TypeScript Data Modeling
Display string, number, and boolean values with type labels.
TypeScript Data Modeling
Planned
LAB 013 — TypeScript Data Modeling
Show required properties and optional properties in a form.
TypeScript Data Modeling
Planned
LAB 014 — TypeScript Data Modeling
Render a union type as a controlled status selector.
TypeScript Data Modeling
Planned
LAB 015 — TypeScript Data Modeling
Show valid and invalid values against a TypeScript contract.
TypeScript Data Modeling
Planned
LAB 016 — TypeScript Data Modeling
Add typed items and render the collection as cards.
TypeScript Data Modeling
Planned
LAB 017 — TypeScript Data Modeling
Expand nested typed objects into a visual hierarchy.
TypeScript Data Modeling
Planned
LAB 018 — TypeScript Data Modeling
Inspect arbitrary metadata stored behind unknown values.
TypeScript Data Modeling
Planned
LAB 019 — TypeScript Data Modeling
Reveal fields only after a union value is narrowed.
TypeScript Data Modeling
Planned
LAB 020 — TypeScript Data Modeling
Render flexible typed rows with varying columns.
TypeScript Data Modeling
Planned
LAB 022 — Data Relationships
Attach and remove tags through junction records.
Data Relationships
Planned
LAB 023 — Data Relationships
Connect media objects to projects with visible roles.
Data Relationships
Planned
LAB 025 — Data Relationships
Render content nodes as a two-level hierarchy.
Data Relationships
Planned
LAB 027 — Data Transformation
Convert titles into safe lowercase URL slugs.
Data Transformation
Planned
LAB 028 — Data Transformation
Display the difference between raw and escaped markup.
Data Transformation
Planned
LAB 029 — Data Transformation
Combine optional class names into one clean class string.
Data Transformation
Planned
LAB 030 — Data Transformation
Generate padded node and child position classes.
Data Transformation
Planned
LAB 031 — Data Transformation
Normalize legacy record types into current Sandbox classifications.
Data Transformation
Planned
LAB 032 — Data Transformation
Show which classification rules accept one record.
Data Transformation
Planned
LAB 033 — Data Transformation
Visualize filter, sort, slice, map, and join stages.
Data Transformation
Planned
LAB 034 — Data Transformation
Reorder records by sort order and title.
Data Transformation
Planned
LAB 035 — Data Transformation
Choose one visual category from several related categories.
Data Transformation
Planned
LAB 037 — Data Transformation
Compare first database lookup with cached reuse.
Data Transformation
Planned
LAB 038 — Rendering & Generation
Replace template placeholders with supplied values.
Rendering & Generation
Planned
LAB 039 — Rendering & Generation
Turn project titles into compact visual initials.
Rendering & Generation
Planned
LAB 040 — Rendering & Generation
Convert recognized technology names into compact labels.
Rendering & Generation
Planned
LAB 042 — Rendering & Generation
Transform a record object into a visible project card.
Rendering & Generation
Planned
LAB 043 — Rendering & Generation
Build a featured project panel from record relationships.
Rendering & Generation
Planned
LAB 044 — Rendering & Generation
Turn navigation nodes into accessible links or action buttons.
Rendering & Generation
Planned
LAB 045 — Rendering & Generation
Render preview content beside project details.
Rendering & Generation
Planned
LAB 046 — Rendering & Generation
Render parent content and child command items.
Rendering & Generation
Planned
LAB 047 — Rendering & Generation
Arrange child records into visible metadata boxes.
Rendering & Generation
Planned
LAB 048 — Rendering & Generation
Render identical content through multiple split layouts.
Rendering & Generation
Planned
LAB 049 — Rendering & Generation
Turn child records into expandable documentation items.
Rendering & Generation
Planned
LAB 050 — Rendering & Generation
Display source code as text instead of executing it.
Rendering & Generation
Planned
LAB 051 — SQLite & Data Access
Query Sandbox records and render them as browser cards.
SQLite & Data Access
Planned
LAB 052 — SQLite & Data Access
Enter a record ID and display one matching record.
SQLite & Data Access
Planned
LAB 053 — SQLite & Data Access
Show how a value replaces a SQL placeholder safely.
SQLite & Data Access
Planned
LAB 054 — SQLite & Data Access
Visualize records joining through record_technologies to technologies.
SQLite & Data Access
Planned
LAB 055 — SQLite & Data Access
Visualize records joining through record_categories to categories.
SQLite & Data Access
Planned
LAB 056 — SQLite & Data Access
Search multiple record fields and display matching results.
SQLite & Data Access
Planned
LAB 058 — SQLite & Data Access
Find a record's first visible display node.
SQLite & Data Access
Planned
LAB 059 — Browser State
Return a typed DOM element from a reusable selector function.
Browser State
Planned
LAB 060 — Browser State
Display application state while selecting different records.
Browser State
Planned
LAB 061 — Browser State
Show expanded parent IDs inside a Set.
Browser State
Planned
LAB 063 — Browser State
Populate form controls from a loaded record object.
Browser State
Planned
LAB 064 — Browser State
Collect form values into a request payload.
Browser State
Planned
LAB 065 — Browser State
Render ordered parent and child nodes as an editor outline.
Browser State
Planned
LAB 067 — DOM & Async
Create and append a browser element with TypeScript.
DOM & Async
Planned
LAB 068 — DOM & Async
Change visible state when a button fires a click event.
DOM & Async
Planned
LAB 069 — DOM & Async
Add and remove HTML attributes while viewing DOM changes.
DOM & Async
Planned
LAB 070 — DOM & Async
Insert a stylesheet link and show the resulting style change.
DOM & Async
Planned
LAB 071 — DOM & Async
Insert a script element and report when it becomes available.
DOM & Async
Planned
LAB 072 — DOM & Async
Track several asynchronous resources on one visual status board.
DOM & Async
Planned
LAB 073 — Semantic HTML
Add an alt attribute only when an image lacks one.
Semantic HTML
Planned
LAB 074 — Semantic HTML
Add type=button only when a button has no explicit type.
Semantic HTML
Planned
LAB 075 — Semantic HTML
Add safe rel tokens to links opening new tabs.
Semantic HTML
Planned
LAB 076 — Semantic HTML
Give icon-only links accessible names when reliable text exists.
Semantic HTML
Planned
LAB 077 — Semantic HTML
Add an iframe title when none is supplied.
Semantic HTML
Planned
LAB 078 — Semantic HTML
Assign column and row scope to structural table headers.
Semantic HTML
Planned
LAB 079 — Semantic HTML
Use available placeholder text when a control lacks an accessible name.
Semantic HTML
Planned
LAB 080 — Semantic HTML
Hide unnamed decorative SVG icons from assistive technology.
Semantic HTML
Planned
LAB 082 — Node HTTP & APIs
Serve a visible browser page from a TypeScript Node server.
Node HTTP & APIs
Planned
LAB 083 — Node HTTP & APIs
Split an API path into meaningful route segments.
Node HTTP & APIs
Planned
LAB 084 — Node HTTP & APIs
Send a structured JSON response from server to browser.
Node HTTP & APIs
Planned
LAB 085 — Node HTTP & APIs
Submit JSON and display what the server received.
Node HTTP & APIs
Planned
LAB 087 — Node HTTP & APIs
Fetch typed JSON and display success or server errors.
Node HTTP & APIs
Planned
LAB 088 — Node HTTP & APIs
Trigger common HTTP status codes and explain each response.
Node HTTP & APIs
Planned
LAB 089 — Node HTTP & APIs
Serve several file types with correct Content-Type headers.
Node HTTP & APIs
Planned
LAB 090 — CRUD & Persistence
Submit a form and insert a new database record.
CRUD & Persistence
Planned
LAB 091 — CRUD & Persistence
Load one database row and display its related metadata.
CRUD & Persistence
Planned
LAB 092 — CRUD & Persistence
Edit a record and persist changed fields.
CRUD & Persistence
Planned
LAB 093 — CRUD & Persistence
Delete a selected record and remove it from the interface.
CRUD & Persistence
Planned
LAB 095 — CRUD & Persistence
Generate stable slugs and unique IDs from record titles.
CRUD & Persistence
Planned
LAB 096 — CRUD & Persistence
Reuse an existing category or create it when missing.
CRUD & Persistence
Planned
LAB 097 — CRUD & Persistence
Replace a record's tag relationships from submitted values.
CRUD & Persistence
Planned
LAB 098 — CRUD & Persistence
Attach selected technologies to a record through a junction table.
CRUD & Persistence
Planned
LAB 099 — Tree Structures
Calculate the next ordered position for a new node.
Tree Structures
Planned
LAB 100 — Tree Structures
Renumber sibling nodes into consistent ordered intervals.
Tree Structures
Planned
LAB 101 — Tree Structures
Swap ordered sibling positions with visible arrow controls.
Tree Structures
Planned
LAB 102 — Tree Structures
Move a node between parents and show its new hierarchy.
Tree Structures
Planned
LAB 103 — Tree Structures
Move a parent under another parent while preserving two levels.
Tree Structures
Planned
LAB 104 — Tree Structures
Delete a parent and its immediate child nodes safely.
Tree Structures
Planned
LAB 105 — Validation & Safety
Convert several boolean-like values into stored numeric flags.
Validation & Safety
Planned
LAB 106 — Validation & Safety
Convert comma-separated text into a clean string array.
Validation & Safety
Planned
LAB 107 — Validation & Safety
Parse valid metadata and fall back safely on invalid input.
Validation & Safety
Planned
LAB 108 — Validation & Safety
Remove repeated IDs while preserving one instance of each.
Validation & Safety
Planned
LAB 109 — Validation & Safety
Generate the correct number of SQL parameter placeholders.
Validation & Safety
Planned
LAB 110 — Validation & Safety
Reject transaction-control commands from editor SQL batches.
Validation & Safety
Planned
LAB 111 — Validation & Safety
Allow project files only when resolved paths remain inside approved roots.
Validation & Safety
Planned
LAB 112 — Database Transactions
Show changes becoming permanent only after a commit.
Database Transactions
Planned
LAB 113 — Database Transactions
Trigger an error and visibly restore pre-transaction data.
Database Transactions
Planned
LAB 114 — Database Transactions
Reorder multiple values and roll everything back on failure.
Database Transactions
Planned
LAB 115 — Database Transactions
Delete several selected records as one controlled operation.
Database Transactions
Planned
LAB 116 — Static Generation
Generate one HTML document from one record object.
Static Generation
Planned
LAB 117 — Static Generation
Fill a page template and write the completed HTML file.
Static Generation
Planned