Linux serverlinux web serverNETWORK ADMINISTRATIONS

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

source

by freeCodeCamp.org

linux http server

50 thoughts on “Full HTTP Networking Course – Fetch and REST APIs in JavaScript

  • I hope the video is helpful! It was a ton of fun to record

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

  • bro compiler is weird it giving different answer then mine in async js section

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

  • I wait until I become a similar monster that could watch this course in one day.

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

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

  • 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,,,

  • As a beginner in HTTP, this got me out of the woods really fast

Comments are closed.