Skip to content

rainyuxuan/Web-Programming-cs50w

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Overview

This course picks up where Harvard University’s CS50 leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Flask, Django, and Bootstrap. Topics include database design, scalability, security, and user experience. Through hands-on projects, students learn to write and use APIs, create interactive UIs, and leverage cloud services like GitHub and Heroku. By semester’s end, students emerge with knowledge and experience in principles, languages, and tools that empower them to design and deploy applications on the Internet.


Project0: Personal Webpage

  • Become more comfortable with HTML and CSS to design and style webpages.
  • Learn to use SCSS to write more complex stylesheets for your webpages.

Tech Stack

  • Responsive Design
  • HTML, CSS, SASS, Bootstrap

Project 1: Book Review Website

In this project, you’ll build a book review website. Users will be able to register for your website and then log in using their username and password. Once they log in, they will be able to search for books, leave reviews for individual books, and see the reviews made by other people. You’ll also use the a third-party API by Goodreads, another book review website, to pull in ratings from a broader audience. Finally, users will be able to query for book details and book reviews programmatically via your website’s API.

  • Become more comfortable with Python.
  • Gain experience with Flask.
  • Learn to use SQL to interact with databases.

Tech Stack

  • SQL database, sessions, API interactions
  • Flask, Jinja templates, PostgreSQL,

Project 2: Real Time Chatroom

In this project, you’ll build an online messaging service using Flask, similar in spirit to Slack. Users will be able to sign into your site with a display name, create channels (i.e. chatrooms) to communicate in, as well as see and join existing channels. Once a channel is selected, users will be able to send and receive messages with one another in real time. Finally, you’ll add a personal touch to your chat application of your choosing!

  • Learn to use JavaScript to run code server-side.
  • Become more comfortable with building web user interfaces.
  • Gain experience with Socket.IO to communicate between clients and servers.

Tech Stack

  • Full-duplicate communication, AJAX, local storage
  • Flask, Javascript, socket.io, handlebars templates

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published