INFO 253 - Front End Web Architecture

Course webpage for INFO 253 at the School of Information

Project maintained by UCB-INFO-FRONTEND-WEBARCH Hosted on GitHub Pages — Theme by mattgraham


This course is a survey of technologies that power the user interfaces of web applications on a variety of devices today, including desktop, mobile, and tablet devices. This course will delve into some of the core Front-End languages and frameworks (HTML/CSS/JS/React/Redux), as well as the underlying technologies enable web applications (HTTP, URI, JSON). The goal of this course is to provide an overview of the technical issues surrounding user interfaces powered by the web today, and to provide a solid and comprehensive perspective of the Web’s constantly evolving landscape.


The content for this class is inspired by the Web Architecture class taught by Jim Blomo (jblomo)


Assignments (50%), Group Project (50%)


Date Class Prep Lecture Slides Assignments/Project
Aug 28 N/A Introduction and Browsers None
Sep 4 Try HTML and CSS and Learn Git and Setup your assignment repo HTML and CSS Assignment 1: Build your first static website
Sep 11 Try JavaScript JavaScript I and II
Modern Javascript I and II
Assignment 2: Write JavaScript Functionality
Sep 18 Use Javascript for Interactivity HTML Forms and JavaScript and the DOM Assignment 3: Add interactivity to your site
Sep 23 Intro to React Why JavaScript Frameworks and React Fundamentals I, II Assignment 4: Move your site to React Due 24 hours after power is turned back on
Oct 2 More React React Fundamentals III and IV  
Oct 16 Even More React with APIs API’s, and React Forms Assignment 5: Power your site with React Due Oct 23
Group Project Part I Assigned Due Oct 30
Oct 23 Nuts and Bolts Preview Nuts and Bolts: URL’s and HTTP  
Oct 30   Nuts and Bolts: REST and Storage as a Service Group Project Part II Assigned Due Dec 4
Nov 6   Guest Speaker: Henry Zhu on Babel and Open Source  
Nov 13   Demo: Using UI Frameworks in React and Deploying to AWS:
React Bootstrap
Deploy to AWS, Restrict Google Firebase
Nov 20   Web Frameworks  
Nov 27   No Class - Non Instructional Day  
Dec 4   Group Presentations (TIME CHANGE: 11:30 am - 2:30 pm same room)