JavaScript & Modern Web Development Final Exam Study Guide

Flashcards for JavaScript & Modern Web Development Final Exam Study Guide

Arrow Functions

A concise way to write JavaScript functions, often with implied return for single expressions: const f = x => x + 1;

Default Parameters

Allows function parameters to have default values if not explicitly provided: (a, b = 10) => a + b

Mutation by Reference

Modifying an object or array directly, affecting the original value. Example: pushing an element into an array.

const arr = ['red']; // original

function pushBlue(a){ a.push('blue'); } // mutates original

Scope

Determines the accessibility of variables. let/const are block-scoped, var is function-scoped.

package.json

A manifest file for a JavaScript project containing metadata (name, version, license), dependencies, and scripts.

Webpack

A bundler that combines JS, CSS, and assets into optimized bundles, reducing HTTP requests and enabling code-splitting and tree-shaking.

Babel

A transpiler that converts modern JS/TSX code into ES5, ensuring compatibility with older browsers.

React Components

Reusable functions (or classes) that return UI and can be nested to create complex user interfaces.

JSX

A syntax extension that allows writing HTML-like structures within JavaScript code, which compiles to React.createElement(…).

React State with useState

A hook for managing component-specific state in functional React components, triggering re-renders upon state updates.

TypeScript Basics

Adds static typing to JavaScript, catching errors before runtime, improving IDE intellisense, and documenting intent.

Promises

Objects that represent the eventual completion (or failure) of an asynchronous operation and its resulting value.

Async/Await

Syntactic sugar for working with Promises, enabling cleaner, more readable asynchronous code with try/catch error handling.

Fetch API

An interface for making network requests, returning Promises that resolve to the response of the request.

Canvas 2D Drawing API

An API for drawing graphics on a canvas element using immediate-mode, pixel-based rendering.

Web Audio API

A powerful system for controlling audio processing and synthesis in the browser.

AudioContext

Represents a global audio-processing graph built from audio modules linked together, each represented by an AudioNode.

GainNode

An AudioNode that controls the overall volume (or gain) of the audio signal.

AnalyserNode

An AudioNode which provides real-time frequency and time-domain analysis information.

pwd

Unix Command to show current directory

cd

Unix Command to change directory

mv

Unix Command to rename/move a directory

rm [-r]

Unix Command to remove a file/directory