codex-lv2-may-2025

Week 6 Glossary (Cross-Referenced)

Week Theme

Week 6 (Data Week)

Focused on making webpages dynamic with data. Covered Requests & Responses, APIs, JSON, and Postman as key tools. → Builds on Week 4’s Bootstrap and Git Workflow. —

Core Concepts

Requests & Responses

• A request is initiated by the client (browser) to a server.
• A response contains the requested data. → Related: Network Tab, Fetch Function

Data

Information retrieved from external sources. Examples: weather APIs, NASA photos, stocks, Pokémon info. → Related: JSON, POJO, Variables

APIs (Application Programming Interfaces)

Standardized systems for sharing data between applications.

• Some APIs require an API Token or key. → Related: Postman, Query Parameters, Fetch Function

Postman

A tool/website for exploring APIs.

• Lets developers create collections of requests, preview data, and debug API calls. → Related: Requests & Responses

JSON (JavaScript Object Notation)

Lightweight data format.

• Uses curly braces {}, commas, and key-value pairs.
• Ubiquitous in API responses. → Related: POJO

POJO (Plain Old JavaScript Object)

Structured JavaScript object, often API response data.

• Syntax uses curly braces. → Related: JSON, Destructure

Query Parameters / Search Parameters

Extra info appended to a URL after ?, e.g. ?city=London&unit=metric. → Related: Requests & Responses —

Programming Concepts

HTML Elements / Semantic HTML

Using meaningful tags (<h1>, <p>) for structure and accessibility. → Related: Div Tag, Parent-Child Structure

IDs (#)

Unique identifiers for HTML elements.

• Recommended: descriptive names, not numbers. → Related: ID Attribute

Strings

Text sequences enclosed in quotes, can contain spaces.

• Concatenation = combining strings. → Related: Concatenate

Variables

Store values in programs.

• const introduced alongside var. → Related: Counter Pattern, Global Variable

Functions

Blocks of reusable code.

• Defined with function name() { ... }.
• Anonymous functions don’t have names. → Related: Callback Function, Function Signature

Fetch Function

JavaScript function for making network requests.

• Covered later in Week 6. → Related: Requests & Responses, Network Tab

getText & setText

Functions to retrieve and assign content of HTML elements. → Related: Code.org

DOM (Document Object Model)

Represents the webpage as a tree.

• Data updates reflected in the DOM. → Related: HTML

Network Tab

Browser dev tools feature showing all requests/responses. → Related: Requests & Responses, Fetch Function —

Related Topics

AI (Artificial Intelligence)

Preview for Week 7. Sending Strings as input to AI models (Gemini, LLaMA) returns responses. → Related: Text Generation (AI), Inference (AI)

Bootstrap

Continued as a CSS framework for professional design. → Related: Utility Classes, Grid System

Git Workflow

Practiced repeatedly in Week 6.

• git add, git commit, git push. → Related: Repositories

Hash

Unique identifier string.

• In Git: commit hash.
• In other contexts: used differently (e.g. color filters in APIs). → Related: Commit (Git)

Boilerplate

Standard starting HTML generated with ! in VS Code.

Breakout Rooms

Virtual sub-rooms for smaller group collaboration.