3: Jan. 21

Week 3: Jan. 21, 2022

Web-Building & UX

You’ll learn enough HTML and CSS to hand-code your own website, and we’ll take a peek at the fields of UX and UI.

Read, view, and listen

• A Nostalgic Journey through the History of Web Design (article, 4 min.)
• “User Experience Basics” and “User Research Basics”
• “Dark Patterns” (explore the website and list of dark patterns)
• “Design Values: Hard-Coding Liberation?”

Install

Atom

(If you already have a code editor you like, you can skip this. If you don’t know what a code editor is, download Atom!)

Create an account

Github

This is so that you’ll be able to publish your website via Github Pages. If you prefer not to sign up for Github, you can skip this; just know we may not be able to publish your site during classtime. If you already have a Github account, you can use that.

In-Class Activities

Networks & Protocols Review

How the Internet Really Works

Sample PCAP file (same as last week)

Last week’s Wireshark exercise

HTML & CSS

We’ll walk through the following tutorials today:

• Create your first website with HTML
• Paint that page with CSS
• More advanced CSS

Do you find it easier to follow videos? Watch me walk through these tutorials on video:

• Create your first website with HTML
• Paint that page with CSS
• More advanced CSS

Do you already know HTML & CSS? Try this instead.