Playground Workshop Sandbox Map Anatomy

Unit 1: Code From The Ground Up

Module 1: What Even Is This?

What Even Is This? Internet, Servers & Deployment Frontend, Backend & The Restaurant

Module 2: The Three Languages of the Web

HTML — The Skeleton CSS — The Skin JavaScript — The Muscles How They Work Together

Module 3: JavaScript, Plain and Simple

Variables — Named Containers Functions — Reusable Instructions Types — Data Categorization Code vs Data The Lifecycle of a Click Why JavaScript Breaks Down

Module 4: Enter TypeScript

Why TypeScript Exists The Object — A Different Kind of Type What an Interface Is Regenerating Your Types Type Assertions & any

Module 5: File Structure Makes Sense Now

Why Structure Exists The Folders You'll Always See How Next.js Reads Your Folders Route Groups, Dynamic Routes & Sitemaps The Root Level Files Reading A Real Codebase

6. Frameworks: Why They Exist

Coming soon

7. Your First Real App Structure

Coming soon

8. Reading Code You Didn't Write

Coming soon

Unit 2: Data — Where Information Lives

Module 1: What Is a Database?

Where Data Lives A Database Is A Spreadsheet (Mostly) Where The Spreadsheet Analogy Breaks You Already Did Relational Data

Module 2: SQL — Talking to the Database

What SQL Is The Four Verbs WHERE, the Filter JOIN — VLOOKUP, Formalized Where SQL Lives In Your App The Flavors of SQL

Module 3: Relational Data

Module 3 Overview The Three Relationship Shapes Foreign Keys In Depth Reading A Schema Like A Map The "Should This Be Its Own Table?" Test Normalize, Then Denormalize On Purpose Migrations Are Not Failure Designing A Schema From A Product Description

4. Supabase — A Database You Can Use

Coming soon

5. Other Database Types

Coming soon

Unit 3: Scripts

Module 1: What Even Is a Script?

Module 1 Overview Scripts In Relation To Apps The Host Idea Anatomy Of A Script

Module 2: Google Apps Script

Module 2 Overview What Apps Script Is The Apps Script Naming Convention Walking The Hierarchy Triggers Reading An Apps Script You Find In The Wild

3. Airtable Scripts

Coming soon

4. Designing A Script Engine Into Your App

Coming soon

Unit 4: Bridging the Data Gap

Coming soon

Unit 5: AI & Machine Learning

Coming soon

Unit 6: DevOps & Deployment

Coming soon

Navigation

Home All Units Playground Workshop Sandbox Map Anatomy

Unit 1: Code From The Ground Up

Module 1: What Even Is This?

What Even Is This? Internet, Servers & Deployment Frontend, Backend & The Restaurant

Module 2: The Three Languages of the Web

HTML — The Skeleton CSS — The Skin JavaScript — The Muscles How They Work Together

Module 3: JavaScript, Plain and Simple

Variables — Named Containers Functions — Reusable Instructions Types — Data Categorization Code vs Data The Lifecycle of a Click Why JavaScript Breaks Down

Module 4: Enter TypeScript

Why TypeScript Exists The Object — A Different Kind of Type What an Interface Is Regenerating Your Types Type Assertions & any

Module 5: File Structure Makes Sense Now

Why Structure Exists The Folders You'll Always See How Next.js Reads Your Folders Route Groups, Dynamic Routes & Sitemaps The Root Level Files Reading A Real Codebase

6. Frameworks: Why They Exist Coming soon

7. Your First Real App Structure Coming soon

8. Reading Code You Didn't Write Coming soon

Unit 2: Data — Where Information Lives

Module 1: What Is a Database?

Where Data Lives A Database Is A Spreadsheet (Mostly) Where The Spreadsheet Analogy Breaks You Already Did Relational Data

Module 2: SQL — Talking to the Database

What SQL Is The Four Verbs WHERE, the Filter JOIN — VLOOKUP, Formalized Where SQL Lives In Your App The Flavors of SQL

Module 3: Relational Data

Module 3 Overview The Three Relationship Shapes Foreign Keys In Depth Reading A Schema Like A Map The "Should This Be Its Own Table?" Test Normalize, Then Denormalize On Purpose Migrations Are Not Failure Designing A Schema From A Product Description

4. Supabase — A Database You Can Use Coming soon

5. Other Database Types Coming soon

Unit 3: Scripts

Module 1: What Even Is a Script?

Module 1 Overview Scripts In Relation To Apps The Host Idea Anatomy Of A Script

Module 2: Google Apps Script

Module 2 Overview What Apps Script Is The Apps Script Naming Convention Walking The Hierarchy Triggers Reading An Apps Script You Find In The Wild

3. Airtable Scripts Coming soon

4. Designing A Script Engine Into Your App Coming soon

Unit 4: Bridging the Data Gap

Unit overview Coming soon

Unit 5: AI & Machine Learning

Unit overview Coming soon

Unit 6: DevOps & Deployment

Unit overview Coming soon

Search the course

Sandbox

Open coding environments. Write and run.

01

Web

HTML, CSS, JavaScript. Build a page and watch it render.

Code From The Ground Up — a personal learning guide