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...

Full HTTP Networking Course – Fetch and REST APIs in JavaScript
freeCodeCamp.org
1.1M views • Jan 30, 2023
Full HTTP Networking Course – Fetch and REST APIs in JavaScript

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

Video Information

Views

1.1M

Likes

32.6K

Duration

05:08:48

Published

Jan 30, 2023

User Reviews

4.8
(211)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.

Trending Now