Assignment 1 – Hello World

Set up and hosted a "Hello World" web page on my domain. Demonstrated connecting a domain to a host and publishing a page online.

View Assignment 1

Assignment 2 – Website Creation

Created this full site with a sidebar navigation menu, external CSS, descriptive metadata, and accessibility compliance. This site will continue to be updated with future assignments.

You are viewing Assignment 2

Assignment 3 – Input Form

Built a fully validated HTML5 input form with JavaScript. Includes name, address, phone, email, birthdate, message, and a simple captcha. Users review their data on a confirmation page before sending it via mailto:.

Go to Assignment 3

Assignment 4 – JavaScript Calculator & Plot (RC Low-Pass Filter)

Interactive calculator that computes and plots the magnitude response of a first-order RC low-pass filter: |H(f)| = 1 / sqrt(1 + (2π f R C)^2). The plot shows |H| in dB vs. frequency and marks the cutoff frequency fc = 1/(2πRC). Users can set R (Ω), C (μF), frequency range, point count, and choose linear/log scales.

Assignment 5 – Canvas Spirograph

HTML5 Canvas program that draws a Spirograph using the parametric equations: x = (R + r)·cos(t) − (r + O)·cos(((R + r)/r)·t), y = (R + r)·sin(t) − (r + O)·sin(((R + r)/r)·t). One-button start, with seeded/validated inputs (R, r, O), optional randomize/clear, and smooth animation.

Open Assignment 5

Assignment 6 – JSON Crypto Viewer

External JSON dataset of the top 10 cryptocurrencies is loaded and displayed as a sortable table, with a side-by-side Plotly chart comparing market cap, price (log), or dominance.

Assignment 7 – Drag & Drop Cards

Native HTML5 drag-and-drop demo. Deal a hand from a shuffled deck, then drag cards into the Discard drop zone. The drop event moves the card, updates counters, and logs a clear DROP EVENT message.