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: Your first web application: a single page note-taking app

Link to assignment invitation

🔖 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 it has some instructive diagrams
• reqres.in API for playing around with different HTTP requests

🦉 Code & Notes

• AJAX notes
• Example code