Talking to Machines
KN
8

ಅಧ್ಯಾಯ ಎಂಟು

ಭಾಷೆ
ಮಾತಾಡೋದು

Build ಮಾಡೋದರ vocabulary —
code ಅಲ್ಲ, nouns ಮತ್ತು verbs ಅಷ್ಟೇ.

ನೀನು ಈಗ ಒಂದು coding agent ಜೊತೆ ಕೂತು ಏನೋ build ಮಾಡಲಿಕ್ಕೆ ಹೊರಟಿದ್ದೀಯ. ಅದು "deploy," "endpoint," "component," "schema" ಅಂತ words use ಮಾಡುತ್ತೆ. ಈ words ನಿನಗೆ ಅರ್ಥ ಆಗದಿದ್ರೆ, lost ಅನ್ನಿಸುತ್ತೆ — build ಮಾಡೋಕೆ ಆಗಲ್ಲ ಅಂತ ಅಲ್ಲ, direct ಮಾಡೋಕೆ ಆಗಲ್ಲ ಅಂತ. ಈ ಅಧ್ಯಾಯ ನಿನಗೆ decoder ring ಕೊಡುತ್ತೆ. Code ಕಲಿಯೋದಲ್ಲ. Build ಮಾಡೋದರ ಭಾಷೆ ಮಾತಾಡೋದು.

Car drive ಮಾಡೋ ಥರ ಯೋಚಿಸು. Combustion engine, transmission ratio, brake fluid pressure ಎಲ್ಲಾ ಅರ್ಥ ಮಾಡ್ಕೊಳ್ಳೋ ಅಗತ್ಯ ಇಲ್ಲ. ನಿನಗೆ ಗೊತ್ತಿರಬೇಕಾದ್ದು: accelerator, brake, steering, mirrors. Direction ಕೊಡೋ vocabulary, implementation ಅಲ್ಲ.

Stack: ಒಂದು Decoder Ring

ಪ್ರತಿ app — Instagram ಇಂದ simple to-do list ವರೆಗೆ — ನಾಲ್ಕು layers ಇಂದ build ಆಗುತ್ತೆ. Developers ಇದನ್ನ "the stack" ಅಂತ ಕರಿತಾರೆ. ಇಲ್ಲಿದೆ ಇಡೀ ವಿಷಯ, ಸಿಂಪಲ್ ಆಗಿ:

Frontend

ಜನ ನೋಡೋದು ಮತ್ತು touch ಮಾಡೋದು. Buttons, text, images, animations. Restaurant ನ dining room ಥರ.

Backend

ಹಿಂದಿನ logic. Requests process ಮಾಡೋದು, passwords check ಮಾಡೋದು, emails ಕಳಿಸೋದು. Kitchen.

Database

App ಎಲ್ಲಿ ವಿಷಯಗಳನ್ನ ನೆನಪಿಟ್ಟುಕೊಳ್ಳುತ್ತೆ. User accounts, posts, settings. Pantry ಮತ್ತು recipe book.

Deployment

Internet ಗೆ ಹೇಗೆ ಹೋಗುತ್ತೆ. Hosting, domains, live ಮಾಡೋದು. Restaurant ಬಾಗಿಲು ತೆಗೆಯೋದು.

ಅಷ್ಟೇ. ನೀನು ಇದುವರೆಗೆ use ಮಾಡಿರೋ ಪ್ರತಿ app ಈ ನಾಲ್ಕು layers ನ combination. ನಿನ್ನ coding agent "I'll set up the backend" ಅಂದ್ರೆ, "ಹಿಂದಿನ logic ಬರಿತೀನಿ" ಅಂತ ಅರ್ಥ. "Let's deploy" ಅಂದ್ರೆ, "ಇದನ್ನ internet ಗೆ ಹಾಕೋಣ" ಅಂತ ಅರ್ಥ. ಈ layers ಹೇಗೆ ಕೆಲಸ ಮಾಡ್ತಾವೆ ಅಂತ ಗೊತ್ತಿರೋ ಅಗತ್ಯ ಇಲ್ಲ. ಇವೆ ಅನ್ನೋದು ಮತ್ತು ಯಾತಕ್ಕೆ ಅಂತ ಗೊತ್ತಿದ್ರೆ ಸಾಕು.

Agent ನಿನ್ನ Teacher

ಯಾರೂ ಹೇಳದ ವಿಷಯ ಇದು: coding agent ನಿನ್ನ teacher ಕೂಡ. "npm" ಅಂದ್ರೆ ಏನು ಅಂತ ಗೊತ್ತಿಲ್ಲ? ಕೇಳು. Error message ಅರ್ಥ ಆಗ್ತಿಲ್ಲ? Paste ಮಾಡಿ "explain this like I'm not a developer" ಅಂತ ಹೇಳು. Agent ಯಾಕೆ React choose ಮಾಡ್ತು ಬೇರೆ ಯಾವುದಕ್ಕೂ ಬದಲಾಗಿ ಅಂತ ತಿಳಿಯಬೇಕಾ? ಕೇಳು. Simple ಆಗಿ, step by step, ನಿನಗೆ ಎಷ್ಟು ಸಲ ಬೇಕೋ ಅಷ್ಟು ಸಲ explain ಮಾಡುತ್ತೆ.

ನಿನ್ನ ಮೊದಲ ಐದು ನಿಮಿಷ

ನಿನ್ನ coding tool open ಮಾಡು. Project ಅನ್ನ simple ಆಗಿ describe ಮಾಡು: "ನನಗೆ ಒಂದು workout tracker build ಮಾಡಬೇಕು, exercises log ಮಾಡಿ progress ನೋಡಬೇಕು." Agent clarifying questions ಕೇಳುತ್ತೆ, stack suggest ಮಾಡುತ್ತೆ, build ಶುರು ಮಾಡುತ್ತೆ. ನಿನ್ನ ಮೊದಲ ಕೆಲಸ ಅದರ questions ಗೆ answer ಮಾಡೋದು ಮತ್ತು ಅದು ಏನು create ಮಾಡ್ತಿದೆ ಅಂತ ನೋಡೋದು.

Web app ನ ನಾಲ್ಕು layers explore ಮಾಡು. Vocabulary ಕಲಿ — ಆಮೇಲೆ ನಿನ್ನನ್ನ test ಮಾಡ್ಕೋ.

The Stack Decoder

Click a layer to explore its vocabulary

The frontend is everything a user interacts with — buttons, text, images, forms, animations. It runs in the browser on the user's device.

Think of a restaurant. The frontend is the dining room — the menu, the tables, the decor. It's what customers experience.

Nouns (the things)
Component

A reusable piece of the interface, like a button or a card.

ReactVueSvelte
Page

A single screen or view in your app.

Home pageSettings pageProfile page
Style

How things look — colors, fonts, spacing, layout.

CSSTailwindSass
State

Data that can change — like whether a menu is open or a form field is filled.

Dark mode on/offItem count in cartCurrent tab
Verbs (the actions)
RenderDisplay something on screen. When a page renders, it becomes visible.
NavigateMove from one page to another.
Handle eventsReact to user actions like clicks, typing, or scrolling.

The backend is the server-side code that processes requests, applies business logic, and communicates with the database. Users never see it directly.

The backend is the kitchen. Orders come in, the kitchen prepares them, and sends out the finished dish. Customers don't see the kitchen, but nothing works without it.

Nouns (the things)
Server

A computer that listens for requests and sends back responses.

Node.jsPython/FlaskGo
API

A set of rules for how the frontend talks to the backend. Like a waiter taking orders.

REST APIGraphQLtRPC
Endpoint

A specific URL the frontend can call to get or send data.

/api/users/api/login/api/posts
Authentication

Verifying who a user is — login systems, passwords, sessions.

JWT tokensOAuthCookies
Verbs (the actions)
FetchRequest data from the backend. "The app fetches your profile from the server."
ProcessApply logic to data — calculate, validate, transform.
AuthorizeCheck if a user has permission to do something.

The database stores all the persistent data — user accounts, posts, settings, anything that needs to survive a page refresh or server restart.

The database is the pantry and the recipe book. It stores all the ingredients (data) and keeps them organized so the kitchen (backend) can find them fast.

Nouns (the things)
Table

A structured collection of data, like a spreadsheet. Each row is a record.

Users tablePosts tableOrders table
Schema

The blueprint for your data — what fields exist and what type of data each holds.

name: textage: numbercreated_at: date
Query

A request to find, add, update, or delete data in the database.

SELECT * FROM usersINSERT INTO postsDELETE FROM comments
Migration

A change to your database structure — like adding a new column to a table.

Add email fieldCreate orders tableRemove old column
Verbs (the actions)
StoreSave data so it persists. "Store the user's preferences in the database."
QueryAsk the database for specific data. "Query all users who signed up today."
MigrateUpdate the database structure without losing existing data.

Deployment is the process of taking your app from your computer and putting it on the internet where anyone can use it. It includes hosting, domains, and keeping things running.

Deployment is opening the restaurant. You've built the dining room, hired the kitchen staff, stocked the pantry — now you unlock the front door and put up a sign.

Nouns (the things)
Hosting

A service that runs your app on the internet 24/7.

VercelNetlifyRailwayFly.io
Domain

Your app's address on the internet — the URL people type to find you.

myapp.comcool-project.vercel.app
Environment Variables

Secret settings (like API keys) stored outside your code so they stay private.

API_KEY=abc123DATABASE_URL=...
Build

The process of converting your source code into optimized files ready to serve.

npm run buildProduction buildStatic export
Verbs (the actions)
DeployPush your app to the internet. "Deploy to Vercel" means put it live.
BuildPrepare your code for production — optimize, bundle, compress.
MonitorWatch your app for errors, slowdowns, or crashes after it's live.
Share this course
Engine ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತೆ ಅಂತ ಗೊತ್ತಿರೋ ಅಗತ್ಯ ಇಲ್ಲ. Drive ಮಾಡೋಕೆ ಗೊತ್ತಿದ್ರೆ ಸಾಕು.

Words ಗೊತ್ತು. Idea ಇದೆ. ಈಗ coding agent ಜೊತೆ ಕೂತು ನಿಜವಾಗಿ build ಮಾಡೋ ಸಮಯ. ಮುಂದೆ: build loop ನ art — iteration, evaluation, ಮತ್ತು ವಿಷಯಗಳು break ಆದಾಗ ಏನು ಮಾಡೋದು.

Complexity Score

New tool unlocked!