Creating a single-page app 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

Links and 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, slides, and video from class

• class slides PDF
• todo app example
• morning class video Access Password: 3t#w!2^1
• afternoon class video Access Password: 8Y^47B=6