Code Monkey home page Code Monkey logo

webarch2013's Introduction

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

DateReadingsSlidesHomework / Project
Aug 30A Brief History of the Web & Long Live the Web Optional: Try GitIntro & BrowsersGit & HW1 - browsers
Sep 6HTML5 Elements & CSS Selectors ; CSS inheritance ; Optional: Blink TagHTML & CSSHW2 - Personal Page
Sep 13Optional: Elequent Javascript, jQuery Validate Example, W3C Forms SpecificationForms & JavascriptHW3 - Madlib Form
Sep 20Cool URIs don’t change, Architecture of the World Wide Web Sections 1 & 2 , (Skim) HTTP headers reference (Optional) FlaskURI & HTTP & HTTP ServerHW4 - Telnet
Sep 27State Sections 1-5; Learn Python the Hard Way Exercise 39, Dictionaries; Flask Quickstart Rendering Templates, The Request ObjectGUEST: Dynamic Webpages & HTTP DataHW5 - HTTP Data; Project Part 1
Oct 4TCP/IP Overview (Read for Overview); How DNS Works; DNS StepsInternet & TCP and DNSHW6 - DNS
Oct 11Best Practices for Speeding Up Your Web Site & (Optional) Steve Souder’s BlogGUEST Front-end Performance (PDF)HW7 - GZIP
Oct 18Cookie; 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 & ReSTMidterm Review
Oct 25MidtermProject Part 1 Due Oct 31
Nov 1Why is it hard to scale a database, in layman’s terms?; NoSQL History ; MySQL SELECT (for HW reference)Storage SystemsHW8 - DB
Nov 8Google: A Behind-the-Scenes Look; The Dirty Little Secrets of Search; SEO Starter Guide (skim); HTML5 Specification (HW reference) ; PageRank (Original paper, optional)Search & SEOHW9 Microdata ; Optional Part 2 Proposal
Nov 15Tale of Two Viewports (both parts); Multi-touch Web Development; Bootstrap (examine how columns change with screen size) Mobile Best Practices (skim);GUEST MobileHW10 - Midterm Redux
Nov 22A Taxonomy of Data Science; Apache Hadoop: Petabytes and Terawatts (slides); mrjob (for homework)Data Mining & AnalysisHW11 - mrjob
Nov 29Thanksgiving
Dec 6Security & Your WebsiteProject Technical Report
Dec 13Project Presentations
Fork me on GitHub

webarch2013's People

Contributors

jblomo avatar mollycr avatar

Watchers

avatar avatar James Cloos avatar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.