Single-page applications with AJAX

Today’s topics

• Using Fetch to create, read, update, and destroy data (CRUD)
• HTTP methods: GET, POST, PUT/PATCH, DELETE
• HTTP status codes

Project

Create a single page note-taking app

Link to assignment invitation

This assignment is due on Thursday, October 1.

🔖 Resources

• json-server documentation
• MDN HTTP Overview
• HTTP status codes
• Using the Network Tab in Chrome Dev Tools
• Eloquent JavaScript: HTTP and Forms
• More detailed primer on Fetch

⭐️ EXTRA/TMI

For more information about how the internet works and the mechanics of a request over HTTP, check out this comic by the always brilliant Julia Evans!

• Julia Evans zine on networking
• Cross-Origin Resource Sharing (CORS) explained by Julia Evans
• MDN Web Guide: AJAX
• HTTP Basics - This is more detail than you really need right now, but has some instructive diagrams

Code and Videos

• Ajax todo list example from class
• Morning class video Access Passcode: $e1A6nh%
• Afternoon class video Access Passcode: y7D5n.pm