Class 06 · Movement 01
Using Coding
Agents
Session 06 · AI Engineering
Session 06 · What an IDE is
Integrated
all of it in one window
Development
writing and running code
Environment
the place you do it
One editor window with four panes: a file tree down the left, a stylesheet open in the middle, an agent conversation on the right, and a terminal across the bottom.
1

The file window

Every file in the project, as a tree. Click one and it opens — there is nowhere else the program lives.

2

The text window

Where you read and change the file. The colours are the editor telling you what each part of the text is.

3

The terminal

The same box you would type commands into. Where the thing actually runs — and where it says what broke.

4

The agent window

You describe the change here. It reads the files, edits them, runs them, and shows you what it changed.

Antigravity · 17 Sep 2026
Four panes. Every editor you will ever open is some arrangement of these four.
Session 06 · What it is for

The IDE is where
your code lives.

Visual Studio CodeGoogle Antigravity
Connect.AI
Session 06 · What a backend is

A backend is not one thing. It is a job three things can do.

Your backend
Tabular

A spreadsheet · Excel

Rows and columns in a file. If the data is small and one person touches it, this is a real backend — most businesses are running on one right now.

Relational

A SQL database · Postgres

The same rows and columns, but a program guards them: many people at once, rules about who may read what, and it does not corrupt when two of them save together.

Vector

A vector database

The same data stored as numbers that carry meaning, so a model can look things up by what they mean rather than by an exact match.

All three are doing the same job: holding your data somewhere the browser cannot reach.

this class usesSupabase
Session 06 · The other half

Your backend is where
your data lives.

Session 06 · What hosting is

Hosting is putting those two online.

connect-ai.world
one project
Your code

every file in the folder

Your data

the rows the app reads and writes

Someone runs that for you
NetlifyVercel

You hand them the folder. They keep a computer awake so that anyone who types that address gets your project back.

Connect.AI logoConnect.AI
Class 06 · Using Coding Agents01 / 06
Checking access…