Full HTTP Networking Course – Fetch and REST APIs in JavaScript
By freeCodeCamp.org
Published: Jan 30, 2023“
Master the HTTP networking protocol by completing over 80 coding exercises and quizzes in JavaScript. Once you’ve learned it all, we’ll build a real web crawler using Node.js to put all the concepts into practice.HTTP is the backbone of the modern web, and in this course, we’ll do a deep dive into all of the fundamentals you’ll need to know to master web networking. We’ll use the Fetch API to interact with a live RESTful server in order to connect the different components of a video game.
Code: https://github.com/bootdotdev/fcc-learn-http-assets
Follow this course interactively on Boot.dev: https://boot.dev/learn/learn-http
Lane Wagner created this course.
- Boot.dev: https://boot.dev
- Lane on Twitter: https://twitter.com/wagslane
- Lane’s YouTube: https://www.youtube.com/@bootdotdev
- New to JavaScript? Beginner course: https://boot.dev/learn/learn-javascript
Contents
- (0:00:00) Introduction
- (0:03:32) Ch 1 – Why HTTP
- (0:27:31) Ch 2 – DNS
- (0:48:11) Ch 3 – URIs and URLs
- (1:16:21) Ch 4 – Async JavaScript
- (1:49:48) Ch 5 – Errors in JS
- (2:04:54) Ch 6 – HTTP Headers
- (2:21:04) Ch 7 – JSON
- (2:41:09) Ch 8 – HTTP Methods
- (3:17:01) Ch 9 – URL Paths
- (3:36:33) Ch 10 – HTTPS security
- (3:48:24) Proj – Setup Dev Environment
- (3:51:28) Proj – Hello World
- (3:56:29) Proj – Normalize URLs
- (4:11:05) Proj – URLs from HTML
- (4:27:49) Proj – The main.js file
- (4:33:10) Proj – Using Fetch
- (4:45:16) Proj – Recursively crawling the web
- (4:55:33) Proj – Print an SEO report
- (5:06:59) Proj – Conclusion
- (5:08:04) Congratulations
Documentation used:
Fetch API: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
URL constructor: https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
Fetch Response: https://developer.mozilla.org/en-US/docs/Web/API/ResponseLearn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”