CS396: Spring 2022

Intro to Web Development

CS396: Spring 2022

Schedule > Introduction & Course Logistics

Week 1: Tue, Mar 29

Slides

Welcome to the Course!

Welcome! In this course, we will be connecting different servers and systems together to make an Instagram-like clone. This involves:

1. Building a database PostgreSQL
2. Using a “back-end” framework to allow your UI to communicate with your DB Flask (Python)
3. Building a “Vanilla” web-based UI HTML, CSS, and JavaScript
4. Using a “front-end” framework to better organize your UI React
5. Using various cloud services to deploy your app GitHub, Heroku, Heroku Postgres, and Amazon S3

Below is a conceptual diagram of what you will be building over the course of 10 weeks (with the exception of the grey boxes, which represent future work you might do). If you were hoping that this course would be more front-end / design-oriented, consider taking CS130 instead. While it does not count for the CS Major, it gives a good overview of HTML, CSS, JavaScript, and some UX/UI design principles.

Lecture Video(s)