Web Architecture 253

Description

Understanding the web’s core technologies from user-facing (HTML, CSS) to underlying (TCP/IP). At the end of the course students will have an overview of what happens between typing an address in a browser and interacting with the web page. We’ll leverage industry accepted technologies to implement a simple web app.

Grading

Homework (30%), midterm (30%), project (40%).

Instructor

Jim Blomo <jblomo@ischool>

GSI

Sonali Sharma <sonalisharma@berkeley>

Syllabus

Date	Readings	Slides	Homework / Project
Aug 30	A Brief History of the Web & Long Live the Web Optional: Try Git	Intro & Browsers	Git & HW1 - browsers
Sep 6	HTML5 Elements & CSS Selectors ; CSS inheritance ; Optional: Blink Tag	HTML & CSS	HW2 - Personal Page
Sep 13	Optional: Elequent Javascript, jQuery Validate Example, W3C Forms Specification	Forms & Javascript	HW3 - Madlib Form
Sep 20	Cool URIs don’t change, Architecture of the World Wide Web Sections 1 & 2 , (Skim) HTTP headers reference (Optional) Flask	URI & HTTP & HTTP Server	HW4 - Telnet
Sep 27	State Sections 1-5; Learn Python the Hard Way Exercise 39, Dictionaries; Flask Quickstart Rendering Templates, The Request Object	GUEST: Dynamic Webpages & HTTP Data	HW5 - HTTP Data; Project Part 1
Oct 4	TCP/IP Overview (Read for Overview); How DNS Works; DNS Steps	Internet & TCP and DNS	HW6 - DNS
Oct 11	Best Practices for Speeding Up Your Web Site & (Optional) Steve Souder’s Blog	GUEST Front-end Performance (PDF)	HW7 - GZIP
Oct 18	Cookie; REST explained; RESTful APIs Part 1 (especially note on how to model a transaction) and Part 2 (careful, uses an older version of Github API); HATEOAS; Roots of the REST/SOAP Debate (Optional)	Cookies & ReST	Midterm Review
Oct 25	Midterm		Project Part 1 Due Oct 31
Nov 1	Why is it hard to scale a database, in layman’s terms?; NoSQL History ; MySQL SELECT (for HW reference)	Storage Systems	HW8 - DB
Nov 8	Google: A Behind-the-Scenes Look; The Dirty Little Secrets of Search; SEO Starter Guide (skim); HTML5 Specification (HW reference) ; PageRank (Original paper, optional)	Search & SEO	HW9 Microdata ; Optional Part 2 Proposal
Nov 15	Tale of Two Viewports (both parts); Multi-touch Web Development; Bootstrap (examine how columns change with screen size) Mobile Best Practices (skim);	GUEST Mobile	HW10 - Midterm Redux
Nov 22	A Taxonomy of Data Science; Apache Hadoop: Petabytes and Terawatts (slides); mrjob (for homework)	Data Mining & Analysis	HW11 - mrjob
Nov 29	Thanksgiving
Dec 6	SQL Injection; XSS example	Security & Your Website	Project Part 2 Due 12th
Dec 13	Project Presentations