All posts
LearningTypeScriptProduction

Why We Built TypeScript Notebooks (and Skipped Python)

Reading about agents teaches you nothing. Running them teaches you everything. Here's why we put 50+ runnable TypeScript notebooks in the browser, how to learn from them, and the honest reason there's no Python kernel in sight.

AS
AgentSwarms Authors
June 5, 2026· 12 min read·
LearningTypeScriptProduction

You can read every tutorial ever written about AI agents and still not understand them. We know this because we did it, and then we watched learners do it. The concepts slide off. Tool calling, ReAct, handoffs, RAG, guardrails — they stay abstract until the moment you run one, change a line, and watch the behaviour move. So we stopped writing things to read and started shipping things to run.

AgentSwarms now has 50+ runnable TypeScript notebooks: real LangChain, LangGraph, the Vercel AI SDK, the OpenAI Agents SDK, and LlamaIndex.TS — not screenshots, not pseudo-code, but actual library code that executes when you click a button. No install. No kernel. No API key to paste. You open a notebook, press run, and an agent does something in your browser tab.

[ ]:
const swarm = ctx.lc.langgraph;        // real LangGraph, in your browser
const out = await researchSwarm.invoke({
  prompt: "Brief me on the EU AI Act timeline",
});
ctx.log(out.summary);
return out.meta;
Press ▶ — no install, no kernel, nothing to wait for.
A notebook cell, for real. Press ▶ and watch a tiny LangGraph swarm run and stream its output below the code — exactly the way it works in the product. There was nothing to set up before you clicked.

Why runnable beats readable

A static code block is a photo of a meal. It tells you what the dish looked like; it doesn't feed you. The gap between seeing agent.invoke() and running it — then breaking it, then fixing it — is the entire gap between recognizing agentic AI and understanding it. Recognition is what you get from videos and docs. Understanding is what you get from your hands on a live cell.

↻ repeat
A short, focused explanation sits right above the code — the concept, then the cell that proves it.
The loop the notebooks are built around: read the short explanation, run the cell, edit it, break it on purpose, fix it. Click through each stage — the 'break it' step is the one that actually wires the concept into your head.
The fastest path to intuition is sabotage

Delete a guardrail and watch the injection land. Unbound a loop and watch the token count explode. Drop the retrieval step and watch the model hallucinate. You learn what a control is for by removing it and feeling the consequence — which is exactly what an editable, runnable cell lets you do safely.

How to actually learn from them

The notebooks reward an active reader, not a passive one. A few ways learners get the most out of them:

  • Follow a track, in order. Start with LangChain fundamentals or standalone agents, then climb to multi-agent LangGraph. Each notebook assumes the last one clicked.
  • Never run a cell without changing it. Read it, run it once to see the baseline, then change exactly one thing — the prompt, the model, a tool — and re-run. One variable at a time is how you learn what each piece does.
  • Use them as a cookbook. Building a refund agent, a contract analyzer, a router? There's probably a real-world notebook that's 80% of your starting point. Copy the shape, keep the patterns.
  • Pair them with the canvas and labs. Prototype the architecture visually, run the code version in a notebook, then break a swarm on purpose in the Failure-Mode Labs. Three angles on the same idea.
  • Learn the TS agent ecosystem specifically. This is where you'll find LangGraph.js, the Vercel AI SDK, and the OpenAI Agents TS SDK taught hands-on — a stack almost no course covers.
LangChain Course
6 notebooks
Fundamentals, documents, tools & agents, workflows, RAG — the canonical LangChain.js path, runnable.
The notebook curriculum, by track. Click any one to see what it covers. It spans the canonical LangChain course, bite-size standalone agents, multi-agent systems, the major TS SDKs, a full evals track, and real-world builds.

“But where are the Python notebooks?”

Let's be straight about this, because it's the first question every experienced practitioner asks. Python is the lingua franca of machine learning, and most agent tutorials you've seen are Jupyter notebooks on Colab. We don't have those, and it's not an oversight — it's a consequence of where AgentSwarms runs.

AgentSwarms is a web platform that runs on edge infrastructure (Cloudflare Workers), with no per-user Python servers to spin up and no GPUs to rent. There's no Python runtime in that picture, and the browser can't run Python natively. The technically-possible workaround — Pyodide, Python compiled to WebAssembly — is heavy to load and, more importantly, still can't run the real agent frameworks people actually deploy. A 'Python notebook' on our platform would be a slow, fake Python that couldn't import the libraries that make Python worth using. That's a worse lie than not offering it.

An honest note on scope

Python absolutely still matters — for data work, for research, and for Python-only frameworks like CrewAI, AutoGen, and DSPy. We're not pretending otherwise. For those, AgentSwarms leans on read-and-export: study the pattern here, then export runnable code to take to your own Python environment. Use the right tool in the right place.

Why TypeScript-in-the-browser turned out to be the better classroom

Here's the part we didn't expect: the constraint made the learning experience better, not worse. Running TypeScript directly in the browser removes the single biggest reason people bounce off tutorials — the setup.

Python notebook (Colab)6 steps to first output
1. Open Colab2. Connect a runtime3. pip install deps4. Paste your API key5. Wait for the kernel6. Finally run
AgentSwarms TS notebook1 step to first output
1. Click ▶
Same goal, wildly different friction. Removing setup is not a small thing — it's the difference between learning and bouncing.
Press 'Race to first output'. The Python-notebook path is open Colab, connect a runtime, pip install, paste a key, wait for the kernel… The TS-notebook path is: click run. Every removed step is a learner who didn't quit before they started.
  • Zero setup. Nothing to install, no kernel to connect, no runtime queue, no pip install that breaks on a dependency conflict. The cell just runs.
  • Instant feedback. Click, and output appears below the code in the same second. Tight loops are how skills form.
  • It's where agents actually ship. A huge share of production agents run on the edge, in serverless functions, and in the browser — in JavaScript and TypeScript. LangChain.js, LangGraph.js, the Vercel AI SDK, and the OpenAI Agents TS SDK are first-class citizens here, not afterthoughts. You're learning the deployment language, not just a teaching language.
  • Real libraries, not toys. The cells import genuine LangChain and LangGraph and run them live. You're reading and editing the same APIs you'd use in a real project.
  • Your keys stay safe. You never paste a provider API key into a cell.
🌐Your browser cellruns the TS, holds your session token only
🔒AgentSwarms proxyinjects the model key server-side
🧠Model gatewayauthenticated request, billed safely
You never paste a provider key. The cell talks to an authenticated proxy; the secret stays on the server.
How the cells call models without ever exposing a secret. Your browser holds only a session token; an authenticated proxy injects the real model key server-side. Click to see where the key actually lives — never in the cell.

How this differs from the rest of agentic-AI education

There's no shortage of ways to learn about AI agents — video courses, Colab notebooks, framework docs. They're good at what they do. But for agentic AI specifically, they share the same blind spots, and that's where AgentSwarms is built differently.

AgentSwarmsVideo coursesColab / KaggleFramework docs
Runs instantly, no install~
TS / JS agent ecosystem~~
Real libraries, live~
Teaches failure modes & evals~
Full build platform around it
Free model gateway to start~
Runs instantly, no install: No kernel, no pip, no runtime queue — click Run and the cell executes in your browser tab.
Tap a row for detail. Honest take: video courses still win on instructor depth, and Colab on raw Python/GPU work — this is about agentic-AI learning specifically.
An honest comparison across the things that matter for learning agents. Tap any row for the detail — and note we give the others credit where it's due: instructor-led courses still win on depth, and Colab on raw Python and GPUs.
  • The TypeScript agent ecosystem, taught hands-on. LangGraph.js, the Vercel AI SDK, the OpenAI Agents SDK in TS — barely covered anywhere else, fully runnable here.
  • Zero friction to the first run. No install means a beginner reaches a working agent in seconds, not after a setup tutorial they never finish.
  • We teach the failure modes. A whole evals track and the Failure-Mode Labs exist precisely because every other course stops at the happy path — and the happy path is not where production lives.
  • It's a platform, not a playlist. Notebooks sit beside a visual swarm canvas, a model playground, and interactive decks. You can read a concept, run it, build it, and break it without leaving the site.
  • You can start for free, immediately. Real model calls run through a built-in gateway — no 'bring your own paid API key' wall before lesson one.
Go run one right now

The fastest way to understand any of this is to stop reading and press a button. Open the Notebooks section, pick the LangChain fundamentals or a standalone agent, and run the first cell. Then change one line and run it again. That second run is where the learning starts.

We didn't set out to make a statement about Python versus TypeScript. We set out to remove every excuse between a curious person and a running agent. Taking Python off the table forced us to lean all the way into in-browser, zero-install, production-relevant TypeScript — and that turned out to be exactly the classroom agentic AI needed. The best way to learn to build agents is to build them. Now you can, in the next tab.


Was this useful?

Comments

Sign in to join the discussion.

Loading comments…