When you work with AI, you'll encounter many technical terms. You don't need to understand them deeply — but you do need to know what they mean, so you can understand what AI is saying and communicate effectively.
This glossary explains each term in plain language, as if talking to a friend who has never programmed.
A
API (Application Programming Interface)
What it means: A way for different software to talk to each other.
Plain-language explanation: Think of a restaurant. You (the customer) tell the waiter what you want. The waiter tells the kitchen. The kitchen makes the food, and the waiter brings it back to you. The API is the waiter — it takes your request, delivers it to the system, and brings back the result.
When you'll encounter it: When AI says "I'll create an API for this feature," it means it's creating a way for the frontend (what users see) to get data from the backend (where data is stored).
AJAX (Asynchronous JavaScript and XML)
What it means: A technique for loading data without refreshing the page.
Plain-language explanation: Normally, when you click something on a website, the whole page reloads. AJAX lets the page load just the new data, without reloading everything. Like a waiter refilling your water glass without making you order the whole meal again.
When you'll encounter it: When AI says "I'll use AJAX to load the data," it means the page will update without a full refresh.
Algorithm
What it means: A step-by-step procedure for solving a problem.
Plain-language explanation: A recipe is an algorithm. It tells you exactly what to do, step by step, to make a dish. In programming, an algorithm is a set of steps the computer follows to solve a problem.
When you'll encounter it: When AI says "I'll use a different algorithm," it means it'll use a different approach to solve the problem.
Array
What it means: A list of items stored together.
Plain-language explanation: An array is like a bookshelf. Each shelf holds a book, and each book has a position (first, second, third...). You can find a book by its position on the shelf.
When you'll encounter it: When AI says "store the data in an array," it means putting the data in a list.
Asynchronous
What it means: Things that happen without waiting for each other.
Plain-language explanation: Synchronous is like a phone call — you talk, then the other person talks, one at a time. Asynchronous is like texting — you send a message, go do something else, and check the reply later.
When you'll encounter it: When AI says "this operation is asynchronous," it means the code doesn't wait for it to finish before moving on.
B
Backend
What it means: The part of a software that runs on the server, handling data and logic.
Plain-language explanation: If a restaurant is a software app, the dining area is the frontend (what customers see), and the kitchen is the backend (where the actual work happens). The backend stores data, processes requests, and sends results to the frontend.
When you'll encounter it: When AI says "I'll handle this on the backend," it means the logic runs on the server, not in the user's browser.
Bug
What it means: An error or flaw in the code that causes incorrect behavior.
Plain-language explanation: A bug is like a leaky faucet — the system mostly works, but something is wrong. Some bugs are minor (a button is the wrong color), some are major (the app crashes).
When you'll encounter it: All the time. When something doesn't work as expected, it's a bug.
Build
What it means: The process of converting source code into a runnable application.
Plain-language explanation: Think of building furniture from IKEA. The pieces and instructions are the source code. Assembling them into a bookshelf is the build process. The finished bookshelf is the runnable application.
When you'll encounter it: When AI says "build the project," it means compiling the code into something that can run.
C
CSS (Cascading Style Sheets)
What it means: The language that controls how web pages look.
Plain-language explanation: If HTML is the skeleton of a web page, CSS is the clothing. CSS decides colors, fonts, sizes, spacing, layout — everything visual. The same HTML can look completely different with different CSS.
When you'll encounter it: When you want to change how something looks — colors, sizes, layout — you're talking about CSS.
Cache
What it means: Temporary storage for frequently accessed data, to make things faster.
Plain-language explanation: Imagine you read a book every day. Instead of going to the library every time, you keep it on your desk. The desk is the cache — it's faster to access than the library. But if the library gets a new edition, your desk copy is outdated.
When you'll encounter it: When AI says "clear the cache," it means clearing temporary storage so fresh data is loaded.
Class
What it means: A blueprint for creating objects in object-oriented programming.
Plain-language explanation: A class is like a cookie cutter. The cutter defines the shape, and you can use it to make many cookies with the same shape. Each cookie is an "object" created from the "class."
When you'll encounter it: When AI says "I'll create a class for this," it means creating a reusable blueprint.
CLI (Command Line Interface)
What it means: A text-based interface for interacting with a computer.
Plain-language explanation: Instead of clicking buttons and icons, you type commands. It looks like a black screen with white text. It's powerful but intimidating for beginners.
When you'll encounter it: When AI asks you to "run a command in the terminal" or "use the CLI," it means typing a command in the command line.
Component
What it means: A reusable piece of a user interface.
Plain-language explanation: A component is like a LEGO brick. You build a page by combining components, just like building a structure with LEGO bricks. A button is a component, a form is a component, a header is a component.
When you'll encounter it: When AI says "I'll create a component for this," it means creating a reusable piece of UI.
Console
What it means: A tool for viewing messages from the code, including errors and warnings.
Plain-language explanation: The console is like the dashboard of a car — it shows you what's happening under the hood. When something goes wrong, the console shows error messages that help you (and AI) diagnose the problem.
When you'll encounter it: When AI says "check the console," it means opening the browser's developer tools to see error messages.
CRUD (Create, Read, Update, Delete)
What it means: The four basic operations for managing data.
Plain-language explanation: Almost every app does four things with data: create (add new), read (view existing), update (edit existing), delete (remove existing). These four operations are called CRUD.
When you'll encounter it: When AI says "I'll implement CRUD for this feature," it means adding the ability to create, read, update, and delete data.
D
Database
What it means: A system for storing and managing data.
Plain-language explanation: A database is like a filing cabinet. Each drawer is a table, each folder is a record, and each document has fields (name, date, content). You can add, find, update, and remove documents.
When you'll encounter it: When your project needs to save data (user info, articles, orders), it needs a database.
Debug
What it means: The process of finding and fixing bugs.
Plain-language explanation: Debugging is like being a detective. You find clues (error messages, unexpected behavior), follow the trail, and find the culprit (the bug). Then you fix it.
When you'll encounter it: When AI says "let me debug this," it means it's investigating the cause of a problem.
Dependency
What it means: An external library or package that your project relies on.
Plain-language explanation: When you cook, you might use pre-made sauces instead of making everything from scratch. Dependencies are like pre-made sauces — code that someone else wrote, that you use in your project. They save time but add complexity.
When you'll encounter it: When AI says "install dependencies," it means downloading the external packages the project needs.
Deployment
What it means: The process of making your project available on the internet.
Plain-language explanation: You've built a house on your own land (development environment). Deployment is like moving the house to a public address where everyone can visit it (production environment).
When you'll encounter it: When your project is done and you want others to use it, you need to deploy it.
DOM (Document Object Model)
What it means: The structure of a web page that the browser creates from HTML.
Plain-language explanation: The DOM is like a family tree of the web page. Each HTML element is a family member, and they have parent-child relationships. JavaScript can manipulate the DOM to change the page without reloading.
When you'll encounter it: When AI says "manipulate the DOM," it means changing the page content using JavaScript.
E
Environment
What it means: The setup where your code runs.
Plain-language explanation: There are typically two environments: development (where you build and test) and production (where users actually use it). They might have different settings, databases, and configurations.
When you'll encounter it: When AI says "this works in development but not in production," it means there's a difference between the two environments.
Event
What it means: Something that happens in the system that the code can respond to.
Plain-language explanation: An event is like a doorbell. When someone rings it (the event), you respond (answer the door). In programming, events include clicks, key presses, page loads, and data arrivals.
When you'll encounter it: When AI says "add an event listener," it means making the code respond to a user action.
F
Framework
What it means: A pre-built structure that provides a foundation for building applications.
Plain-language explanation: Building a house from scratch is hard. A framework is like a pre-built frame — the walls, floors, and roof are already there. You just add the interior design. Frameworks save time and provide best practices.
When you'll encounter it: When AI says "I'll use React as the framework," it means using React's structure to build the app.
Frontend
What it means: The part of a software that users see and interact with.
Plain-language explanation: If a restaurant is a software app, the dining area (menus, tables, waiters) is the frontend. It's everything the user sees and touches.
When you'll encounter it: When AI says "I'll handle this on the frontend," it means the logic runs in the user's browser.
Function
What it means: A reusable block of code that performs a specific task.
Plain-language explanation: A function is like a recipe. You write it once, and you can use it many times. "Calculate total price" is a function — you call it whenever you need to calculate a price, instead of writing the calculation from scratch each time.
When you'll encounter it: When AI says "I'll create a function for this," it means writing a reusable block of code.
G
Git
What it means: A version control system that tracks changes to code.
Plain-language explanation: Git is like a time machine for your code. It saves snapshots of your project at different points. If something goes wrong, you can go back to a previous snapshot. It's like "save" in a video game, but for code.
When you'll encounter it: When AI says "commit the changes," it means saving a snapshot of the current code.
GitHub
What it means: A website that hosts Git repositories and enables collaboration.
Plain-language explanation: If Git is the time machine, GitHub is the cloud storage for your time machine. It lets you store your code online, share it with others, and collaborate.
When you'll encounter it: When AI says "push to GitHub," it means uploading your code to GitHub.
H
HTML (HyperText Markup Language)
What it means: The language that structures web pages.
Plain-language explanation: HTML is the skeleton of a web page. It defines what elements are on the page — headings, paragraphs, images, buttons. Without HTML, there is no web page.
When you'll encounter it: When you're building a web page, HTML is the foundation.
HTTP/HTTPS
What it means: The protocol for transferring data over the web.
Plain-language explanation: HTTP is like the postal service for the internet. It delivers requests (you asking for a page) and responses (the server sending the page back). HTTPS is the secure version — it encrypts the mail so no one can read it in transit.
When you'll encounter it: When AI says "make an HTTP request," it means sending a request to a server to get or send data.
I
IDE (Integrated Development Environment)
What it means: A software application that provides tools for writing and managing code.
Plain-language explanation: An IDE is like a workshop for programmers. It has a text editor (for writing code), a file browser (for managing files), a terminal (for running commands), and debugging tools — all in one place.
When you'll encounter it: When AI says "open the IDE," it means opening the code editor (like VS Code, Trae, etc.).
Import
What it means: Bringing in code from another file or package.
Plain-language explanation: Importing is like borrowing a tool from your neighbor. Instead of buying your own drill, you borrow theirs. In code, instead of writing everything yourself, you import code that someone else has written.
When you'll encounter it: When AI says "import this library," it means bringing in external code.
J
JavaScript (JS)
What it means: A programming language that runs in web browsers.
Plain-language explanation: If HTML is the skeleton and CSS is the clothing, JavaScript is the muscles and brain. It makes the page interactive — responding to clicks, loading data, updating content. Without JavaScript, web pages are static.
When you'll encounter it: Almost every web project uses JavaScript.
JSON (JavaScript Object Notation)
What it means: A format for storing and exchanging data.
Plain-language explanation: JSON is like a standardized form for data. It uses a simple structure of key-value pairs that both humans and machines can read. It's the most common format for sending data between frontend and backend.
When you'll encounter it: When AI says "the API returns JSON," it means the data comes back in JSON format.
L
Library
What it means: A collection of pre-written code that you can use in your project.
Plain-language explanation: A library is like a public library. Instead of writing every function yourself, you "check out" pre-written functions from the library. React is a library. jQuery is a library. They save you time and effort.
When you'll encounter it: When AI says "use this library," it means leveraging pre-written code.
Local Storage
What it means: A way to store data in the user's browser.
Plain-language explanation: Local storage is like a drawer in the user's browser. You can put data in it, and it stays there even after the user closes the page. It's useful for small amounts of data that don't need a server.
When you'll encounter it: When AI says "save to local storage," it means storing data in the browser.
M
MVC (Model-View-Controller)
What it means: A pattern for organizing code into three parts.
Plain-language explanation: MVC is like a restaurant. The Model is the kitchen (data and logic). The View is the menu and dining area (what users see). The Controller is the waiter (handles requests and coordinates between kitchen and dining area).
When you'll encounter it: When AI says "follow the MVC pattern," it means organizing code into these three parts.
N
Node.js
What it means: A runtime environment that lets JavaScript run outside the browser.
Plain-language explanation: JavaScript originally only ran in browsers. Node.js lets it run on servers too. This means you can use JavaScript for both frontend and backend — no need to learn a different language.
When you'll encounter it: When AI says "install Node.js," it means installing the runtime that lets JavaScript run on your computer.
npm (Node Package Manager)
What it means: A tool for installing and managing JavaScript packages.
Plain-language explanation: npm is like an app store for JavaScript code. Instead of writing everything yourself, you can "install" packages that others have written. npm install is like tapping "download" in the app store.
When you'll encounter it: When AI says "run npm install," it means downloading the packages the project needs.
O
Object
What it means: A data structure that stores related information as key-value pairs.
Plain-language explanation: An object is like a person's ID card. It has fields like name, age, address — each field has a label (key) and a value. Objects let you group related information together.
When you'll encounter it: When AI says "create an object," it means creating a data structure with key-value pairs.
P
Package
What it means: A bundle of code that can be installed and used in a project.
Plain-language explanation: A package is like a toolbox. It contains tools (functions, classes) that you can use in your project. Instead of building tools yourself, you install a package that has them ready.
When you'll encounter it: When AI says "install this package," it means downloading a bundle of code.
Parameter / Argument
What it means: Information passed to a function when it's called.
Plain-language explanation: A parameter is like a food order at a restaurant. You tell the waiter "I want my steak medium rare." "Medium rare" is the parameter — it's the specific information you pass to the kitchen (function) so it knows what to do.
When you'll encounter it: When AI says "pass this parameter," it means providing specific information to a function.
Plugin
What it means: An add-on that extends the functionality of a software.
Plain-language explanation: A plugin is like a phone case with a built-in battery. The phone works fine without it, but the plugin adds extra functionality. Plugins let you add features without modifying the original software.
When you'll encounter it: When AI says "install this plugin," it means adding an extension to your software.
Promise
What it means: An object representing the eventual result of an asynchronous operation.
Plain-language explanation: A Promise is like a restaurant buzzer. When you order, they give you a buzzer. The buzzer is a "promise" that your food will be ready. When it buzzes, the promise is "resolved" (food is ready). If something goes wrong, the promise is "rejected" (order canceled).
When you'll encounter it: When AI says "this returns a Promise," it means the result will come later, not immediately.
R
React
What it means: A JavaScript library for building user interfaces.
Plain-language explanation: React is like a set of prefabricated wall panels for building a house. Instead of building each wall brick by brick, you assemble pre-built panels. React makes it faster and easier to build interactive web pages.
When you'll encounter it: When AI says "use React," it means using this library to build the frontend.
Refactor
What it means: Restructuring code without changing its behavior.
Plain-language explanation: Refactoring is like reorganizing your closet. You don't throw away any clothes (features stay the same), but you reorganize them so everything is easier to find and use. The result looks different but works the same.
When you'll encounter it: When AI says "refactor this code," it means reorganizing the code without changing what it does.
Repository (Repo)
What it means: A storage location for a project, managed by Git.
Plain-language explanation: A repository is like a project folder with superpowers. It tracks every change, lets you go back in time, and enables collaboration. "Repo" is just short for "repository."
When you'll encounter it: When AI says "create a repo," it means creating a version-controlled project folder.
REST (Representational State Transfer)
What it means: A style of designing APIs.
Plain-language explanation: REST is like a set of rules for how the waiter (API) should take orders. GET = read the menu. POST = place an order. PUT = update an order. DELETE = cancel an order. These rules make APIs consistent and predictable.
When you'll encounter it: When AI says "RESTful API," it means an API that follows these rules.
S
Server
What it means: A computer that hosts your project and responds to requests.
Plain-language explanation: A server is like a 24/7 librarian. It's always there, waiting for requests. When a user visits your website, their browser sends a request to the server, and the server sends back the page.
When you'll encounter it: When AI says "deploy to a server," it means putting your project on a computer that's always online.
SQL (Structured Query Language)
What it means: A language for communicating with databases.
Plain-language explanation: SQL is like a special language for talking to a filing cabinet. You can say "give me all records where the date is after January 1" and the database understands. SQL lets you create, read, update, and delete data in a database.
When you'll encounter it: When AI says "write a SQL query," it means writing a command to get or modify data in the database.
SQLite
What it means: A lightweight database that stores data in a single file.
Plain-language explanation: SQLite is like a notebook database. Instead of a complex filing system, everything is in one notebook (file). It's simple, requires no setup, and is perfect for small projects.
When you'll encounter it: When AI says "use SQLite," it means using this simple database for your project.
State
What it means: The current data and status of an application.
Plain-language explanation: State is like the current situation of a chess game. The board, the pieces, whose turn it is — all of this is the "state." When a user interacts with your app, the state changes, and the app updates to reflect the new state.
When you'll encounter it: When AI says "manage the state," it means tracking and updating the app's current data.
T
Terminal
What it means: A text-based interface for running commands.
Plain-language explanation: The terminal is like a direct line to the computer's brain. Instead of clicking icons, you type commands. It's powerful and fast, but requires knowing the right commands.
When you'll encounter it: When AI says "run this in the terminal," it means typing a command in the terminal.
TypeScript (TS)
What it means: A version of JavaScript that adds type information.
Plain-language explanation: JavaScript is flexible but error-prone. TypeScript adds "types" (like labels saying "this is a number, not text") to catch errors before the code runs. It's like JavaScript with safety rails.
When you'll encounter it: When AI says "use TypeScript," it means using this safer version of JavaScript.
U
UI (User Interface)
What it means: Everything the user sees and interacts with.
Plain-language explanation: UI is like the dashboard of a car — buttons, screens, gauges. It's how the user controls the software. A good UI is intuitive and easy to use; a bad UI is confusing and frustrating.
When you'll encounter it: When AI says "improve the UI," it means making the interface better for users.
UX (User Experience)
What it means: How the user feels when using the software.
Plain-language explanation: UI is what you see; UX is how you feel. A door with a "push" sign but a pull handle has good UI (the sign is clear) but bad UX (the handle says "pull"). Good UX means the software is easy, pleasant, and intuitive to use.
When you'll encounter it: When AI says "improve the UX," it means making the software easier and more pleasant to use.
V
Variable
What it means: A named container for storing data.
Plain-language explanation: A variable is like a labeled box. You write "username" on the box, and put "John" inside. Later, when you need the username, you look in the "username" box. The contents can change — today it's "John," tomorrow it might be "Jane."
When you'll encounter it: When AI says "declare a variable," it means creating a labeled box for data.
Vue
What it means: A JavaScript framework for building user interfaces.
Plain-language explanation: Vue is like React's cousin. Both are used to build interactive web pages. Vue is known for being simpler and easier to learn, making it popular for small-to-medium projects.
When you'll encounter it: When AI says "use Vue," it means using this framework for the frontend.
W
Webhook
What it means: A way for one system to notify another system when something happens.
Plain-language explanation: A webhook is like a phone call from the pharmacy saying "your prescription is ready." Instead of you calling repeatedly to ask (polling), the pharmacy calls you when it's ready (webhook). It's efficient and real-time.
When you'll encounter it: When AI says "set up a webhook," it means creating a notification mechanism between systems.
Quick Reference: Most Common Terms
| Term | One-Sentence Meaning |
|---|
| API | A way for software to talk to other software. |
| Backend | The server-side part of an app (the "kitchen"). |
| Bug | An error in the code. |
| CSS | Controls how web pages look. |
| Database | Where data is stored. |
| Frontend | The user-facing part of an app (the "dining area"). |
| HTML | Structures web pages. |
| JavaScript | Makes web pages interactive. |
| JSON | A format for exchanging data. |
| Node.js | Lets JavaScript run on servers. |
| npm | Installs JavaScript packages. |
| React | A library for building UIs. |
| Server | A computer that hosts your app. |
| UI | What the user sees. |
| UX | How the user feels. |
| Variable | A labeled container for data. |
Final Note
You don't need to memorize these terms. When AI uses a word you don't understand, come back to this glossary and look it up. Over time, you'll naturally learn the most common ones.
And remember: if AI uses a term you don't know, you can always ask:
"You used the term [X]. Please explain what it means in plain language, as if I've never programmed before."
AI will explain it — and that's often better than looking it up, because AI can explain it in the context of your specific project.
