Web prog midterm

Responsive Web Design

A design approach that ensures a website is accessible and visible on any device or screen size.

CSS Grid Layout

A modern layout system that organizes content into two dimensions using rows and columns.

display:grid

A CSS property value used to define a grid container for layout.

grid-template-columns

A CSS property that specifies the number and width of columns in a grid layout.

grid-template-rows

A CSS property that specifies the number and height of rows in a grid layout.

row-gap

A CSS property used to set spacing between grid rows.

column-gap

A CSS property used to set spacing between grid columns.

Viewport

The visible area of a webpage on a device screen or browser window.

meta viewport tag

An HTML element that gives the browser instructions on page dimensions and scaling.

width=device-width

A viewport setting that makes the page width match the screen width of the device.

initial-scale=1.0

A viewport setting that defines the initial zoom level when the page loads.

Media Query

A CSS technique used to apply styles based on device characteristics like screen width.

media attribute

An attribute in the link tag used to apply stylesheets based on media conditions.

@media

A CSS rule used to define media queries inside a stylesheet.

Breakpoint

The screen width point where the layout changes to improve usability on different devices.

Responsive Image

An image that scales properly across different screen sizes using flexible width settings.

max-width

A CSS property used to prevent an element from becoming larger than its original size.

Responsive Video

A video player that adjusts its size to fit different screen sizes.

JavaScript

A case-sensitive scripting language that makes websites interactive and adds complex features.

Separation of concerns

The idea of separating HTML, CSS, and JavaScript into different files with unique purposes.

Internal JavaScript

JavaScript code placed inside the HTML document using script tags.

External JavaScript

JavaScript code stored in a separate .js file and linked using the script src attribute.

JavaScript Comment

A line or block of code ignored by the browser used for notes or documentation.

Line comment

A comment created using two slashes (//) for a single line.

Block comment

A comment created using /* and */ to hide multiple lines of code.

JavaScript Statement

An individual line of code enclosed in script tags that usually ends with a semicolon.

JavaScript Object

A programming component treated as a single unit that can contain properties and methods.

Method

An action that can be performed on an object.

Argument

A value placed inside parentheses to provide information to a method or function.

document.write()

A method used to display text or content directly on a webpage.

console.log()

A method used to output messages to the browser console for debugging.

alert()

A method that displays a message in a popup alert box with an OK button.

JavaScript Operator

A symbol used to perform operations on operands such as values or variables.

Assignment operator

An operator used to assign values to variables using the equal sign.

Arithmetic operator

Operators used for mathematical calculations like addition, subtraction, and multiplication.

Logical operator

Operators that work with Boolean values such as AND, OR, and NOT.

Comparison operator

Operators used to compare two values or variables.

JavaScript Variable

A named storage location in memory used to store data values.

Identifier

The name given to a variable following specific naming rules.

Primitive data types

Basic data types in JavaScript including String, Boolean, Number, Null, and Undefined.

String

A data type that represents textual information.

Boolean

A data type that represents true or false values.

Number

A data type representing integers or decimal values.

Null

A data type that represents an unknown or missing value.

Undefined

A data type indicating a variable has been declared but not assigned a value.

Array

A collection of multiple values stored under a single variable name.

Control Flow

The execution order of statements using decision making and loops.

if statement

A conditional statement that executes a block of code if a condition is true.

if else statement

A conditional statement that provides an alternative code block when the condition is false.

else if statement

A conditional branching structure that checks multiple conditions sequentially.

Loop

A control structure used to repeat a block of code until a stopping condition is met.

while loop

A loop that repeats a code block while a condition remains true.

do while loop

A loop that executes the code block at least once before checking the condition.

for loop

A loop that repeats code using initialization, condition, and increment expressions.

Iteration

A single repetition of a loop execution.

Counter

A variable used to control the number of loop repetitions.