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 based on the Web Architecture class taught by Jim Blomo (jblomo)
Labs (15%), Assignments (45%), Project (40%)
- Labs are assigned the day of class and are due at the end of class (5 pm PST on Fridays)
- Assignments and the Project are due 11:59 pm on the day of their due date
- Late labs will not be accepted
- Late assignments will be deducted 5 points each day they are late.
- If there are any issues please contact me asap
- Kay Ashaolu kay@ischool
- Office hours available upon request via Google Hangout
- Birinder Singh Bhatia [email protected]
- Office hours: TBD
| Date | Class Prep | Lecture Slides | Labs | Assignments / Projects |
|---|---|---|---|---|
| Aug 24 | Introduction and Browsers | Lab 1: Setting up Git |
||
| Aug 31 | Try HTML and CSS | HTML and CSS | Lab 2: Create a simple web page |
Assignment 1 assigned |
| Sep 7 | Let's learn some JavaScript | JavaScript Basics I and II | Lab 3: Play around with JavaScript |
|
| Sep 14 | HTML Forms: putting it all together | HTML Forms and JavaScript and the DOM | Lab 4: Fun with Forms |
|
| Sep 21 | Lets learn some modern JavaScript | Modern JavaScript I and II | ||
| Sep 28 | What is this React Hype? | Why JavaScript Frameworks and Introduction to React | Assignment 1 due Assignment 2 assigned |
|
| Oct 5 | React Primer I | React Fundamentals I and II | ||
| Oct 12 | React Primer II | Design Patterns and App Design Best Practices | Group Project Part 1 assigned |
|
| Oct 19 | Putting it all together: Todo App I and II | Group Project Part 1 due Group Project Part 2 assigned |
||
| Oct 26 | Internet Fundamentals I | Nuts and Bolts: URL's and HTTP | Lab: Using the terminal to browse the web |
Assignment 2 due Assignment 3 assigned |
| Nov 2 | What is an API? | API's and Storage Systems as a Service | ||
| Nov 9 | JSON Data Stores | Data Modeling and Persistence in the Frontend | ||
| Nov 16 | Putting it all together: Todo App III and IV | |||
| Nov 23 | Academic Holiday | Assignment 3 due | ||
| Nov 30 | Presentation Prep | Work on Project | ||
| Dec 7 | Group Presentations | Group Project Part 2 due today |