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 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
by freeCodeCamp.org
linux http server
I hope the video is helpful! It was a ton of fun to record
Got my dude Lane on the mic, everything gonna be alright~
Starting this course now 11/30/2023
13:12
27:35
48:14
This video is really awesome. I had been working with Python for backend API development. Now I have some practical idea on how to call those APIs with JavaScript.
36:43 cannot we simply do console.log(respObject.Answer.data)
"…users or idk… weapons or something like that" 😀 😀
Amazing tutorial. Thank you so much!
cool video)
Best course espacially for beginners
5 hours of time waste!
9:35 can the await keyword be used outside of the function?
8:00
26:10
bro compiler is weird it giving different answer then mine in async js section
3:36:34
soo many ads
Ch1 completed
Just finished going through with all the tutorial!! Thank you for this amazing tutorial, I can say for sure that this gave me a greater understanding on what back-end coding is!!
This is just amazing, so much knowledge in one video ❤
Hi! I do enjoy your course. However, I noticed a small issue in the code snippet at 23:20. It appears that the code throws a ReferenceError in my machine, where it says that item is not defined (in the for loop you defined in the logItems function).
To improve this part, you might consider adding the "let" keyword so that the item variable is now accessible.
This course has proven fundamental to my knowledge of HTTP and given me a good foundation to self study
plan function in js-awe library is nice way to manage complex async flow.
So far so good, thanks a lot for putting the efforts to get this course done and available for free
Very nice course … love that he has you follow along on HIS platform, and you have to become a member to access basic quizzes as you go along…. love that …. great job "Free" code camp
My first project in learning Python was a scraper a very simple one, so I had bought a book from Oreilly which is about HTTP. I think it helps me a bit looking at the network tab in the browser I use. Learn the differences between POST and GET, and when of the two I should use. This whole course was a very good one, I barely knew Javascript as of now, specially that async and await keywords.
My question is how a crawler differs from a scraper? does Browser both scraper and a crawler?
Ohh my god, aro believe that, at the moment i am only 30 min fall to end watching and practice all the chapters on the course and i am very happy of that and i hope the course to not end haha.
i found the course so enjoyable to follow i forget the time watching it and finally i recommend the course for everyone interested in IT.
Thanks so much freeCodeCamp and BootDotDev for providing us with such an uncredible course.
I know the frontend can I start this course before back-end
Thanks for this course it was very good .
1:19:40 , i don't understand why it doesn't call the callback
Thanks for this video.
But how i can run your code local on my machine ? When I clone your repo and run the js i always get an error:
const items = await getItemData() ^^^^^
SyntaxError: await is only valid in async functions and the top level bodies of modules
Really enjoying the course, thanks!
Thank you, very good course.
Can anybody tell what are the prerequisite for this?
I wait until I become a similar monster that could watch this course in one day.
keep breathing… just keep breathing 🙂
please be weary that only the video is free. If you go to their website, they only give you access up until chapter 3 before basically putting up a paywalls saying you can no longer run the code.
1:24:00 why can you use await keyword outside of async function?
Thank you, this was easy to follow.
that taught me a lot… thanks mate
3:44:51 Can’t I just intercept those key’s negotiations and intercept the https request ?💀
Thank you amazing material
Is there a video on llm http requests?
Okay, I've gone through the initial first half of the video & there's one thing I need to point out : at timestamp 1:20:00 when you say that the console msg from callback function won't print at all, that's wrong. It will absolutely print after the last console.log.
Great content. This was very helpful.
1:19:44 program ends before settimeout() . But in my computer settimeout call back executes after " first" and "third" prints . What is the problem?
Who came here after today's 100xdev class, to learn more,,,
That was amazing, thank you 🙏
Very helpful brother.
Is this course for beginners?
0:27:00
As a beginner in HTTP, this got me out of the woods really fast