This has been great stuff! Really appreciate that you are filling in the gaps for the frontend-heavy novice programmers such as myself. Super easy to follow along with a ton of useful information about parts of web dev that were previously shrouded in mystery. 10/10!
I don't have a lot of guidance as I live in small town.....If you get time could you please recommend some good soruces for networking and DevOps. Thanks!
Thank you for giving out all this great info for free. I am a self taught dev and always wanted to give something back once I had enough capital. So here goes.😁
I love this kind of basic-concept course, there's no fancy skills or something really interesting/fresh, but it just gets me a better understanding how everything works under the hood. Nice course!
thank you. I cannot believe I had the discipline and desire to finish the entire 5 hr course. You made it fun! and I loved that everything worked too. see around.
Haha I just had my first step into Fetch and APIs in my bootcamp yesterday and wanted to find some crash course on it - and today here it is!!! Thanks a lot!! FreeCodeCamp is the best 😍
What timing 🥺🥺🥺🥺🥺🥺🥺waaaaaaaaawwwwm . I'm currently working in API management and the developer portal. And this course is such a wonderful time to learn. Thanks, freecodecamp and Boot dev . It feels so great.
Watched the whole video, excellent content! Thanks for not deleting the mistakes, that makes the video far better, we can watch how you solved those mistakes and feel that everyone can make mistakes!
Currently at - 48:08 - (06/02/2023) Reached - 27:32 - (30/01/2023) Reasons to do this course: - 80+ exercises - (0:00:30) Build a working web crawler like googlebot from scratch :D
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
Dude you can do it all from your computer if you clone his GitHub repository. There is practically no change in the course if you do it this way. It is free.
Awesome beginner tutorial. If you're watching it as a refresher, it's a bit too basic; however, it was perfect for listening to while coding something.
Glad it helped!! Yeah if you're already familiar with HTTP is will be pretty basic, but if you're not it should have a TON of new stuff. Thanks for watching :)
Protocols - agreed upon meanings from arrangement of symbols/frequencies/rules between sender and receiver - a sort of shared language - for computers the language is binary. Http used is a protocol used by a computer to parse the 1s and 0s
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.
this is a nice course. I love how it feels, the tutor, challenges and assignments makes it really engaging. Thank you freecodecamp!, thank you boot dev
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!!
insane there are creators who create such cool content which learners want to learn but can't learn because of struggling with finding good resources thanks freecodecamp for connecting teachers and learners and Lane for course on this beautiful topic! you guyz rock!!
Thanks for the course it was really clear and well presented. Course 10-HTTPS - exercise 1 : the HTTP request is allowed for me and I do not get any error (on mac), when the exercise should be to use HTTPS for the call on the server. (I am using Node 18.14.0)
extremely nice course! It was very fun to learn from basics to rise to challenging levels. Thank you very much freeCodeCamp team and the instructor for your efforts.
The HTTP 1.0 about diagonal synching of connectivity with twin slanting paralleled lines in between diagonals, the HTTP 1.1 is about the Up and Down straight lined S polarity connection, the HTTP 2.0 is about streaming of waterfalls like of either Matrix numericals or Streams of waterfalls of transparent hydrogen molecules as air, atmosphere or space thin fabrics or platforms depends on Category identification , the HTTP 3.0 is the Elevator like triple cord lines of reversed waterfalls upwards of it's To and Fro version.
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.
I admit, that for self-taught frontend developer with year+ of experience, it was great until the project actually started to become too complicated. I think it wasn't actually teaching the http, but rather being "look what you can achieve", that I did not understand after like 4:45:00. The rest was fine, but it wasn't necessary for http learning since there was not much http to experience with.
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.
yeah the javascript playground that he uses have some issues as when i tried to do a previous problem it threw an syntax error while his playground gave the answer
Hey! Loving the course, it's really awesome and it's giving me some solid foundation that I definitely was missing. One thing though, when I run it locally, I'm getting a lot of undefined on the responses, I think the api might be out of date. Is there a new api or something like this? Just to make things clear, I'm not complaining AT ALL! The course is amazing!!!! I'm just genuinely asking haha. Thanks a lot!
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?
Well, I can say with confidence, that we are witnessing a redefinition of the world current teaching standards. To be honest, I am abit angry that such amazing content is now up for free, when I'm already in my 3rd year degree in Software Eng, but on the bright side, the future gen won't be limited to financial/degree and even location restraints. Some would say that I'm "selfish" or sth, and to a degree I do agree with them. Nevertheless the facts are that you are truly delivering knowledge to the ones in need, to whom my "prestegeous" course isn't available, and probabbly even delivering better materials than what a university offers. At the end of the day, you are trully doing an amazing job, and that's what's most important.
I don't angry because the knowledge is there for free, the problem is the university...people get scammed spending big money for practically nothing. thanks to the internet and people like this teacher we are getting off from the scam that is called universities.
36:00 Here you're calling Cloudflair directly to get the domain's name's IP address. Is the browser doing the same? Edit... From 44:00, your computer where the browser is running calls one of ICANN's root nameservers to resolve the domain name into an IP address. These root nameservers's IP addresses are built into each computer's network configuration.
Ackchyually Using return await inside an async function keeps the current function in the call stack until the Promise that is being awaited has resolved, at the cost of an extra microtask before resolving the outer Promise. return await can also be used in a try/catch statement to catch errors from another function that returns a Promise. You can avoid the extra microtask by not awaiting the return value, with the trade off of the function no longer being a part of the stack trace if an error is thrown asynchronously from the Promise being returned. This can make debugging more difficult.
This doesn't work for me. I keep getting stuck at 4:37:00 . Fetch keeps throwing a time out error for every single website I put in. I tried also using node-fetch thinking that "fetch" was an experimental feature in Node, but to no avail.
I went to an IT school for 4 years. I learned way more with this video than in school. Why? Following along the video u learn basic knowledge and immediately use it. In school we had modules which were designed poorly. We simply learned the theoretical stuff, without any real life scenarios. Occasionally we had practical work, settiung a server, dns, dhcp, mail, file, or even coding in java, basic powershell .. and so on HOWEVER. All those technologies were separated from each other (modules), and on top of that, we never used any configured setup for another module. Horrible way to get into IT! Why didn’t we start by configuring and setting up a dns, dhcp server, then a typical environment for webApps! Building webApps covers pretty much everything in the IT!
i don't know if you did this on purpose to force people to learn async await task and move around code like in 7-json exercise 1 and 3 miss scoping the apiKey and having to write a async function every time even if it states dont code below this line?
9:29 passing `items` in logItems throws me an error like this. where does problem come from? const items = await getItemData() ^^^^^ SyntaxError: await is only valid in async functions and the top level bodies of modules
I hope the video is helpful! It was a ton of fun to record
I wish I had watched this video before learning to code for the past year, it would have made my life 100x easier
Clear, concise and loaded with value!
Awesome course. Thank you dude.
I hope so too.
This has been great stuff! Really appreciate that you are filling in the gaps for the frontend-heavy novice programmers such as myself. Super easy to follow along with a ton of useful information about parts of web dev that were previously shrouded in mystery. 10/10!
As someone who is self taught dev, I encourage all devs to start with a good understanding of networking + DevOps, it’ll help you a ton trust me.
Very helpful, thanks !
Is this tutorial good for beginners and what other things do we need to learn. Thanks a lot for the advice btw
recomend some video bro
You are correct!
I don't have a lot of guidance as I live in small town.....If you get time could you please recommend some good soruces for networking and DevOps. Thanks!
Thank you for giving out all this great info for free. I am a self taught dev and always wanted to give something back once I had enough capital. So here goes.😁
Seriously man I'm glad 😅🎉❤
Sahi he , I am also learning form my self , but till now I have not generated any capital .
Bro you gave them $0.5
@@enterb7643 so what?
@@enterb7643😂😂😂
For all beginners I encourage them to start with this video it's very understandable
I love this kind of basic-concept course, there's no fancy skills or something really interesting/fresh, but it just gets me a better understanding how everything works under the hood. Nice course!
I think many people struggle bacause their base is not clear, and this video is just awesome...
This course has proven fundamental to my knowledge of HTTP and given me a good foundation to self study
thank you. I cannot believe I had the discipline and desire to finish the entire 5 hr course. You made it fun! and I loved that everything worked too. see around.
Haha I just had my first step into Fetch and APIs in my bootcamp yesterday and wanted to find some crash course on it - and today here it is!!! Thanks a lot!! FreeCodeCamp is the best 😍
What timing 🥺🥺🥺🥺🥺🥺🥺waaaaaaaaawwwwm
. I'm currently working in API management and the developer portal. And this course is such a wonderful time to learn. Thanks, freecodecamp and Boot dev . It feels so great.
Can this video prove to be fruitful for building up cyber security fundamentals?
Watched the whole video, excellent content!
Thanks for not deleting the mistakes, that makes the video far better, we can watch how you solved those mistakes and feel that everyone can make mistakes!
Currently at - 48:08 - (06/02/2023)
Reached - 27:32 - (30/01/2023)
Reasons to do this course:
- 80+ exercises
- (0:00:30) Build a working web crawler like googlebot from scratch :D
Keep it going!
So far so good, thanks a lot for putting the efforts to get this course done and available for free
For beginners, this is an amazing place to start. I wish this course was there when I first started.
i learned this all through Cisco Academy and it was very clear and neat this is one of Cyber Security path learning
Which one? The entire Junior Cybersecurity Analyst path is 120 hours long, or you just did the 6-hour Introduction to Cybersecurity course?
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
Dude you can do it all from your computer if you clone his GitHub repository. There is practically no change in the course if you do it this way. It is free.
I KNOW RIGHT?
This is the comment I was looking for, great information! I just got to the sign up page and this helps me a lot in deciding how to proceed!!!
I'm around the middle of the course and so long all the lessons for this particular course have been available for free
Awesome beginner tutorial.
If you're watching it as a refresher, it's a bit too basic; however, it was perfect for listening to while coding something.
Suggest something a level above, please! Thank you
Glad it helped!! Yeah if you're already familiar with HTTP is will be pretty basic, but if you're not it should have a TON of new stuff. Thanks for watching :)
Thank you very much for this course! Especially for the prononciation. For not native speaker like me this is important.
Protocols - agreed upon meanings from arrangement of symbols/frequencies/rules between sender and receiver - a sort of shared language
- for computers the language is binary. Http used is a protocol used by a computer to parse the 1s and 0s
Excellent! I'm a professional RUclips uploader myself and I'm quite aware how difficult it is to make a single video. Bravo! Keep up the good work.
Cool now I have a web crawler. I finished the whole damn thing. Thank you sir, just doing this in my free time for fun.
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.
it is a masterpiece, there is no word to describe about knowledge i got from this video. Thanks
This is the best course of HTTP i have watched. Thanks!
I should have follow this course before finishing mine on Nuxt :)
this is a nice course. I love how it feels, the tutor, challenges and assignments makes it really engaging. Thank you freecodecamp!, thank you boot dev
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!!
Best course espacially for beginners
insane
there are creators who create such cool content which learners want to learn but can't learn because of struggling with finding good resources
thanks freecodecamp for connecting teachers and learners and Lane for course on this beautiful topic!
you guyz rock!!
So glad it's helpful Divya :)
I am so grateful to you, Lane, and I hope to learn from you even more in the future. great course!
Thanks for the course it was really clear and well presented.
Course 10-HTTPS - exercise 1 : the HTTP request is allowed for me and I do not get any error (on mac), when the exercise should be to use HTTPS for the call on the server. (I am using Node 18.14.0)
Free code camp is just truly incredible
extremely nice course! It was very fun to learn from basics to rise to challenging levels. Thank you very much freeCodeCamp team and the instructor for your efforts.
Very well laid out course with good explanations. Great Work!
Thanks from the Uzbekistan 🔥🔥🔥
🇺🇿🇺🇿🇺🇿
I would learn anything from this guy. Very interesting to watch. Thank you
The HTTP 1.0 about diagonal synching of connectivity with twin slanting paralleled lines in between diagonals, the HTTP 1.1 is about the Up and Down straight lined S polarity connection, the HTTP 2.0 is about streaming of waterfalls like of either Matrix numericals or Streams of waterfalls of transparent hydrogen molecules as air, atmosphere or space thin fabrics or platforms depends on Category identification , the HTTP 3.0 is the Elevator like triple cord lines of reversed waterfalls upwards of it's To and Fro version.
wow, this is a perfect course for me at this exact moment.. for me i only need to wait the subtitles rs
I reached out to Beau to see if we can get them added!
As a beginner in HTTP, this got me out of the woods really fast
I literally was waiting for this. THANK YOUUUU
Waow such an excellent course ! I learn a lot and the course help me to fully understand fetch API (I struggled for so long) !!!
I don't have a bank account yet. I can pledge though that I will support you as soon as I open one because you're very helpful.
Really enjoying the course, thanks!
Thanks for the captions, I'm better at reading and it helps to improve my english skills
Starting this course now 11/30/2023
13:12
27:35
48:14
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.
Loving this breakdown, thanks for making the video!
I admit, that for self-taught frontend developer with year+ of experience, it was great until the project actually started to become too complicated. I think it wasn't actually teaching the http, but rather being "look what you can achieve", that I did not understand after like 4:45:00. The rest was fine, but it wasn't necessary for http learning since there was not much http to experience with.
Great explanation, thank you! I solved many doubts :)
big respect Lane, brilliant courses
Extremely helpful, thanks a ton for sharing.
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.
yeah the javascript playground that he uses have some issues as when i tried to do a previous problem it threw an syntax error while his playground gave the answer
Really great explanations, thanks!
This is just amazing, so much knowledge in one video ❤
Hey! Loving the course, it's really awesome and it's giving me some solid foundation that I definitely was missing. One thing though, when I run it locally, I'm getting a lot of undefined on the responses, I think the api might be out of date. Is there a new api or something like this?
Just to make things clear, I'm not complaining AT ALL! The course is amazing!!!! I'm just genuinely asking haha.
Thanks a lot!
Please make a video on API, what is API, how it works, how to create an API from scratch?
Thanks for this video! Your explanations are simple yet very clear 👌👌
Thanks for this fundamental course and especially for eng subs
JavaScript is the Future :)
+1
Thank you guys for this priceless course
Got my dude Lane on the mic, everything gonna be alright~
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?
thanks for putting this together, very helpful!
This is great! Been wanting something like this.
plan function in js-awe library is nice way to manage complex async flow.
Very convinient for me, Thank you!
Well, I can say with confidence, that we are witnessing a redefinition of the world current teaching standards. To be honest, I am abit angry that such amazing content is now up for free, when I'm already in my 3rd year degree in Software Eng, but on the bright side, the future gen won't be limited to financial/degree and even location restraints.
Some would say that I'm "selfish" or sth, and to a degree I do agree with them.
Nevertheless the facts are that you are truly delivering knowledge to the ones in need, to whom my "prestegeous" course isn't available, and probabbly even delivering better materials than what a university offers. At the end of the day, you are trully doing an amazing job, and that's what's most important.
So glad it helped you, and I completely agree. The way we learn is changing, and it's changing for the better.
I don't angry because the knowledge is there for free, the problem is the university...people get scammed spending big money for practically nothing. thanks to the internet and people like this teacher we are getting off from the scam that is called universities.
Exactly what I needed thanks for the vid 🙂 👍
I wait until I become a similar monster that could watch this course in one day.
36:00 Here you're calling Cloudflair directly to get the domain's name's IP address. Is the browser doing the same?
Edit... From 44:00, your computer where the browser is running calls one of ICANN's root nameservers to resolve the domain name into an IP address. These root nameservers's IP addresses are built into each computer's network configuration.
Ackchyually
Using return await inside an async function keeps the current function in the call stack until the Promise that is being awaited has resolved, at the cost of an extra microtask before resolving the outer Promise. return await can also be used in a try/catch statement to catch errors from another function that returns a Promise.
You can avoid the extra microtask by not awaiting the return value, with the trade off of the function no longer being a part of the stack trace if an error is thrown asynchronously from the Promise being returned. This can make debugging more difficult.
Amazing tutorial. Thank you so much!
"Let's talk about H-E-T-P "."
All right! Right on with stuff I never heard!
This doesn't work for me. I keep getting stuck at 4:37:00 . Fetch keeps throwing a time out error for every single website I put in. I tried also using node-fetch thinking that "fetch" was an experimental feature in Node, but to no avail.
Hey guys i was just wondering if we don't need to await the return .json() @ 3:11:19 as it was done previously?
@1:53:35,
console.log(err) is incorrect. I believe it should be console.log(err.message)
There's a typo in the description, it says "Fetch Rseponse" instead of "Fetch Response", great video btw =)
Thank you, very good course.
Freecodecamp is the best! I learned on my own and I am constantly growing in different area(s) of coding.
I went to an IT school for 4 years.
I learned way more with this video than in school.
Why? Following along the video u learn basic knowledge and immediately use it.
In school we had modules which were designed poorly. We simply learned the theoretical stuff, without any real life scenarios. Occasionally we had practical work, settiung a server, dns, dhcp, mail, file, or even coding in java, basic powershell .. and so on
HOWEVER. All those technologies were separated from each other (modules), and on top of that, we never used any configured setup for another module. Horrible way to get into IT!
Why didn’t we start by configuring and setting up a dns, dhcp server, then a typical environment for webApps!
Building webApps covers pretty much everything in the IT!
absolute fire my dewd
🔥🔥
damn ur a better teacher than my professor. 😍 excellent stuff 😍
Thanks , great contribution in coding .
this is what i am talking about , great course
Great content. This was very helpful.
Guys, to know more about HTTP and its variations /1.1, /2, /3, read the rfc spec. Lots of new things to learn
Thanks for this course it was very good .
at 1:20:11 why is resolve being passed to setTimeout and not the callback?
interesting course, i did learn some cool stuff
Finally an http free course!!!
Thank you, this was easy to follow.
39:26 why is cloudflare and many others instead of asking for ip address request us to set nameservers? how are ip addresses related to nameservers?
Thanks I'll definitely watch this ☺️
interesting I will come back to this
thank you so much sir. I really appreciate your effort.
thank you very much for your amazing channel. please create a full course about smart cards. they used more and more today.
1:24:00 why can you use await keyword outside of async function?
i don't know if you did this on purpose to force people to learn async await task and move around code like in 7-json exercise 1 and 3 miss scoping the apiKey and having to write a async function every time even if it states dont code below this line?
9:35 can the await keyword be used outside of the function?
9:29 passing `items` in logItems throws me an error like this. where does problem come from?
const items = await getItemData()
^^^^^
SyntaxError: await is only valid in async functions and the top level bodies of modules