Full HTTP Networking Course – Fetch and REST APIs in JavaScript
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 craw...

freeCodeCamp.org
1.1M views • Jan 30, 2023

About this video
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 Rseponse: https://developer.mozilla.org/en-US/docs/Web/API/Response
🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
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 Rseponse: https://developer.mozilla.org/en-US/docs/Web/API/Response
🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
Video Information
Views
1.1M
Likes
32.6K
Duration
05:08:48
Published
Jan 30, 2023
User Reviews
4.8
(211) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.
No specific trending topics match this video yet.
Explore All Trends