Learn the language of code

A short-lived token (usually a JWT) sent with every request to prove the user is authenticated.

In React Router, a function that handles form submissions and data mutations on the server side.

Using AI tools to accelerate coding while maintaining understanding of what the code does.

A way for different software programs to talk to each other.

A secret code that identifies your app when making requests to an API.

An ordered list of values stored in a single variable.

JavaScript syntax for handling operations that take time, like fetching data.

A React Context component that manages authentication state and makes it available to all child components.

The process of verifying who a user is -- login, signup, and sessions.

The process of determining what a user is allowed to do after they've been identified.

The server side code that handles data, logic, and database operations.

A password hashing algorithm that securely transforms passwords into irreversible hashes for safe storage.

Repetitive standard code that you need to write but does not contain unique logic.

A value that is either true or false, used for yes/no decisions in your code.

Temporary storage that saves copies of data for faster access next time.

A function passed as an argument to another function, to be called later when something finishes.

A network of servers around the world that delivers your files faster by serving them from the closest location.

Continuous Integration/Continuous Deployment — automating the process of testing and deploying your code.

An AI coding assistant by Anthropic that writes, explains, and debugs code alongside you.

A text based way to interact with software by typing commands instead of clicking.

Code that runs in the user's web browser, including React components, event handlers, and UI rendering.

A specialized text editor designed for writing code, with features like syntax highlighting and auto-complete.

A saved snapshot of your project at a specific point in time, like a checkpoint in a video game.

A reusable building block of a user interface, like a button or card.

Code that runs only when a certain condition is true, using if/else statements.

A panel in DevTools where you can see JavaScript errors, warnings, and log output from your application.

A wrapper element (like a div) that holds and organizes other elements on the page.

A lightweight, isolated environment that packages everything needed to run an app — code, runtime, and settings.

A browser security rule that controls which websites can request data from your server.

The four basic data operations: Create, Read, Update, Delete.

The language that makes websites look good -- colors, layouts, fonts.

An organized collection of data that your application can store, retrieve, and update.

A function that runs automatically when a specific database event happens, like inserting, updating, or deleting a row.

The process of finding and fixing errors (bugs) in your code.

An external package or library that your project needs to function.

The process of making your app available on the internet for everyone to use.

A JavaScript shortcut for extracting values from objects and arrays into individual variables.

The built-in developer tools in your browser that let you inspect, debug, and monitor your web application.

Domain Name System — the system that translates human-readable domain names into server IP addresses.

An entry in a DNS database that maps a domain name to an IP address or another domain, directing internet traffic to the right server.

A tool that packages your app and its dependencies into a portable container that runs the same everywhere.

A text file containing instructions for building a Docker container image, specifying the base system, dependencies, and how to run the app.

The Document Object Model — a tree-like structure that represents your HTML page, allowing JavaScript to read and change it.

The human readable address of a website, like google.com or myapp.dev.

A small piece of server-side code that runs close to the user, handling tasks like sending emails or processing payments.

The process of scrambling data so only authorized people can read it.

A specific URL where your API listens for requests, like /api/posts or /api/users.

Secret configuration values (like API keys) stored outside your code.

A React component that catches JavaScript errors in its child components and displays a fallback UI instead of crashing the entire page.

The practice of anticipating, catching, and responding to errors gracefully so your app doesn't crash.

A function that runs when something happens on your page, like a click, keypress, or form submission.

A platform that makes building React Native apps dramatically easier with managed tooling.

A statement that makes code in your file available for other files to import.

A column in one database table that references a row in another table, creating a relationship between them.

A special React Router component that submits form data to your route's action function instead of making a traditional page request.

A built-in browser API that represents form field values as key-value pairs, used in actions to extract what the user submitted.

A pre built structure that gives you tools and rules to build apps faster.

The part of a website that users see and interact with in their browser.

A developer who works on both frontend (what users see) and backend (server/data).

A reusable block of code that performs a specific task when called.

A version control system that tracks changes to your code over time.

A platform to store, share, and collaborate on code projects online.

A one-way process that turns data into a fixed-length string — used to safely store passwords.

Special React functions that let components use state and other features.

A service that stores your website files and makes them accessible online.

The language that structures every web page you see.

Metadata sent with HTTP requests and responses that provides context like content type, authentication tokens, and CORS permissions.

A message sent from your app to a server asking for data or telling it to do something.

The data a server sends back after receiving an HTTP request, including a status code, headers, and a body.

A cookie that can only be accessed by the server, not by JavaScript running in the browser, providing enhanced security.

The secure version of HTTP that encrypts data between your browser and the server.

A code editor with built in tools for writing, debugging, and running code.

A statement that brings code from another file or package into your current file.

A database optimization that makes queries faster by creating a lookup structure for specific columns.

The programming language that makes websites interactive.

A lightweight data format used to send and store structured data.

A syntax that lets you write HTML like code inside JavaScript (used in React).

A compact token format used to securely pass user identity between your app and server.

Pre written code you can use in your project to save time.

Automatic code checking that catches errors, style issues, and bad patterns before you run your code.

In React Router, a function that fetches data before a page renders so content is ready when the user arrives.

A visual indicator (like a spinner or "Loading..." text) that tells the user data is being fetched or an action is in progress.

The practice of recording messages about what your app is doing, so you can trace problems and understand behavior.

Code that runs between receiving a request and sending a response — like a security checkpoint.

A file that defines changes to your database structure, like creating or modifying tables.

A panel in your browser's DevTools that shows every HTTP request your app makes, including API calls, their status codes, and response data.

A React framework that adds routing, server rendering, and deployment tools.

Platforms that let you build apps through visual interfaces with zero programming.

The runtime that lets JavaScript run outside the browser, powering development tools and servers.

The package manager for JavaScript that lets you install and share code libraries.

An authentication protocol that lets users sign in with existing accounts like Google or GitHub.

A URL in your app that receives the authentication response after a user completes OAuth sign-in with an external provider.

A collection of related data stored as key value pairs.

A Supabase method that listens for authentication events like sign-in, sign-out, and token refresh.

Software whose source code is publicly available for anyone to use, modify, and share.

A tool that lets you interact with your database using your programming language instead of raw SQL.

Pre-built code written by other developers that you can install and use in your project.

The actual data being sent in an HTTP request or response — the "cargo" of the message.

An authorization rule that controls what actions a user can perform on data, enforced through RLS policies in Supabase.

A numbered endpoint on a computer that network services listen on, allowing multiple apps to share one server.

A unique identifier for each row in a database table, like a student ID number.

The live environment where real users access your deployed application, as opposed to your local development machine.

An optimized version of your app created by compiling, minifying, and bundling the code for faster loading in production.

A JavaScript object that represents a value that will arrive in the future — like a receipt for pending data.

Data passed from a parent component to a child component in React.

A page that requires the user to be logged in before they can access it.

A request to a database to retrieve, insert, update, or delete data.

A popular JavaScript library for building user interfaces with reusable components.

A framework for building native mobile apps (iOS and Android) using React and JavaScript.

A library for React that handles page navigation, data loading, and form submissions in single-page applications.

A feature that automatically pushes data updates to connected users without them refreshing the page.

A function that sends the user to a different page after a successful action, like navigating to a post after creating it.

A long-lived token used to obtain new access tokens without requiring the user to log in again.

The process of turning your code into visible elements on the screen.

A folder tracked by Git that stores your project files and their complete change history.

Making websites look great on any screen size -- phones, tablets, and desktops.

A set of rules for how apps communicate over the internet using standard HTTP methods like GET and POST.

A rule in Supabase that controls which rows a user can read, create, update, or delete in a database table.

A URL path that maps to a specific page or API endpoint in your app.

A Supabase/PostgreSQL feature that controls which database rows each user can see or modify.

A widely used encryption algorithm based on a public-private key pair.

The structure and organization of your database — which tables exist and how they relate to each other.

The area in your code where a variable is accessible — where it "exists."

A computer (or program) that listens for requests and sends back responses.

A temporary record that keeps a user logged in as they navigate between pages.

The language used to communicate with databases -- query, insert, update, delete data.

A secure way to connect to and control remote servers from your terminal.

Secure Sockets Layer — the technology that encrypts data between a user's browser and your server (the 'S' in HTTPS).

A digital certificate that enables HTTPS encryption between a browser and a server, shown as the padlock icon in the address bar.

A list of function calls shown in an error message that tells you exactly where in your code the error occurred.

A visual condition of an element based on user interaction — like hover, focus, active, or disabled.

Data in a React component that can change over time, triggering the UI to re-render.

A three-digit number returned by a server that tells you whether an HTTP request succeeded or failed, and why.

A piece of text in your code, wrapped in quotes like 'hello' or "world".

An open source backend platform with a database, auth, and APIs -- all ready to use.

A structured collection of data organized in rows and columns within a database, like a spreadsheet.

A utility first CSS framework that lets you style elements directly in your HTML.

The combination of technologies used to build and run an application.

A text based interface to interact with your computer using typed commands.

A string of characters that proves your identity or grants permission to access something.

A code pattern that attempts something risky and handles the error gracefully if it fails.

JavaScript with added type checking that catches bugs before your code runs.

A JavaScript value that means a variable exists but hasn't been assigned a value yet, or a property doesn't exist on an object.

The address you type in your browser to visit a website or access an API endpoint.

A React Router hook that gives your component access to the response returned by the route's action function.

A React Hook that runs code when your component loads or when specific values change.

A React Router hook that gives your component access to the data returned by the route's loader function.

A React Router hook that tells you the current navigation state — whether the app is idle, loading a page, or submitting a form.

A React Router hook used inside error boundary components to access the error that caused the page to fail.

A React Hook that lets your component remember and update a value between renders.

A universally unique identifier — a long random string used as a unique ID for database rows instead of simple numbers.

Checking that user input meets certain rules (like required fields or correct format) before saving it to the database.

A named container that stores a value you can use and change in your code.

A cloud platform for deploying frontend apps and Next.js projects instantly.

A system that tracks changes to files over time, letting you undo and collaborate.

Using AI tools to generate code by describing what you want -- without understanding the output.

A program that runs in a web browser, like Gmail, Twitter, or an online store.

An automated notification that one app sends to another when something happens.

A persistent connection that lets your server push updates to the browser in real time.

A lightweight state management library for React that lets you share data across components.