Тёмный

Full HTTP Networking Course - Fetch and REST APIs in JavaScript 

freeCodeCamp.org
Подписаться 10 млн
Просмотров 844 тыс.
50% 1

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: github.com/bootdotdev/fcc-lea...
🔗 Follow this course interactively on Boot.dev: boot.dev/learn/learn-http
✏️ Lane Wagner created this course.
Boot.dev: boot.dev
Lane on Twitter: / wagslane
Lane’s RU-vid: / @bootdotdev
New to JavaScript? Beginner course: 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: developer.mozilla.org/en-US/d...
URL constructor: developer.mozilla.org/en-US/d...
Fetch Rseponse: developer.mozilla.org/en-US/d...
🎉 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: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

Опубликовано:

 

1 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 385   
@bootdotdev
@bootdotdev Год назад
I hope the video is helpful! It was a ton of fun to record
@bandanaboii3136
@bandanaboii3136 Год назад
I wish I had watched this video before learning to code for the past year, it would have made my life 100x easier
@mr.daniish
@mr.daniish Год назад
Clear, concise and loaded with value!
@andifaizal6848
@andifaizal6848 Год назад
Awesome course. Thank you dude.
@paraglide01
@paraglide01 Год назад
I hope so too.
@tylermyers8735
@tylermyers8735 Год назад
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!
@zb2747
@zb2747 Год назад
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.
@elkhoukhi
@elkhoukhi Год назад
Very helpful, thanks !
@semperfiArs
@semperfiArs Год назад
Is this tutorial good for beginners and what other things do we need to learn. Thanks a lot for the advice btw
@aznood3004
@aznood3004 Год назад
recomend some video bro
@andreanarbot8108
@andreanarbot8108 Год назад
You are correct!
@divyareddy7622
@divyareddy7622 Год назад
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!
@As74ful
@As74ful Год назад
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!
@cryptosfool
@cryptosfool Год назад
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.
@RamiroAsincrono
@RamiroAsincrono 7 месяцев назад
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!
@gabisz.7005
@gabisz.7005 Год назад
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 😍
@TheMakIraq
@TheMakIraq 10 месяцев назад
So far so good, thanks a lot for putting the efforts to get this course done and available for free
@user-ci2vb2rh6d
@user-ci2vb2rh6d 10 месяцев назад
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!!
@timi_t_codes
@timi_t_codes 10 месяцев назад
This course has proven fundamental to my knowledge of HTTP and given me a good foundation to self study
@nehaumbre6647
@nehaumbre6647 Год назад
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.
@nishantdalvi9470
@nishantdalvi9470 Год назад
Can this video prove to be fruitful for building up cyber security fundamentals?
@vignesh54321
@vignesh54321 Год назад
Very well laid out course with good explanations. Great Work!
@richardikenna1124
@richardikenna1124 Год назад
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
@user-nh7jz4tq2i
@user-nh7jz4tq2i 6 месяцев назад
For all beginners I encourage them to start with this video it's very understandable
@arkhamian7586
@arkhamian7586 Год назад
For beginners, this is an amazing place to start. I wish this course was there when I first started.
@idynxcode5744
@idynxcode5744 Год назад
This is the best course of HTTP i have watched. Thanks!
@poste1otto
@poste1otto Год назад
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)
@dojcinovic651
@dojcinovic651 Год назад
Thanks for this video! Your explanations are simple yet very clear 👌👌
@AustinJohnson-zv5hy
@AustinJohnson-zv5hy 10 месяцев назад
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
@cortisol_induced_coma
@cortisol_induced_coma 8 месяцев назад
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.
@TheDARKOMETER
@TheDARKOMETER 3 месяца назад
I KNOW RIGHT?
@nishant_singh
@nishant_singh 7 месяцев назад
I think many people struggle bacause their base is not clear, and this video is just awesome...
@AnimeshAni
@AnimeshAni 8 месяцев назад
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.
@seetsamolapo5600
@seetsamolapo5600 Год назад
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
@polarbearprogramming
@polarbearprogramming Год назад
it is a masterpiece, there is no word to describe about knowledge i got from this video. Thanks
@mirfees260
@mirfees260 4 месяца назад
Thank you very much for this course! Especially for the prononciation. For not native speaker like me this is important.
@DomedIsDoomed
@DomedIsDoomed Год назад
Loving this breakdown, thanks for making the video!
@zkmalik
@zkmalik Год назад
I literally was waiting for this. THANK YOUUUU
@gtsin
@gtsin 2 месяца назад
I would learn anything from this guy. Very interesting to watch. Thank you
@adelinewebdev6503
@adelinewebdev6503 Год назад
Waow such an excellent course ! I learn a lot and the course help me to fully understand fetch API (I struggled for so long) !!!
@josevergara6058
@josevergara6058 Год назад
Great explanation, thank you! I solved many doubts :)
@perschonca
@perschonca Год назад
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.
@dreamisover9813
@dreamisover9813 Год назад
Really great explanations, thanks!
@bigdreamcode
@bigdreamcode Год назад
This is great! Been wanting something like this.
@GendaijinBlog
@GendaijinBlog Год назад
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.
@bmpetrov
@bmpetrov Год назад
Suggest something a level above, please! Thank you
@bootdotdev
@bootdotdev Год назад
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 :)
@adelhishem1
@adelhishem1 Год назад
Extremely helpful, thanks a ton for sharing.
@andrewgillick4017
@andrewgillick4017 Год назад
thanks for putting this together, very helpful!
@judevector
@judevector 10 месяцев назад
This is just amazing, so much knowledge in one video ❤
@jeanpaulforero1409
@jeanpaulforero1409 11 месяцев назад
Really enjoying the course, thanks!
@codewithguillaume
@codewithguillaume Год назад
I should have follow this course before finishing mine on Nuxt :)
@Teresa254
@Teresa254 Год назад
As a beginner in HTTP, this got me out of the woods really fast
@iamyash447
@iamyash447 Год назад
Exactly what I needed thanks for the vid 🙂 👍
@ashishbinu1602
@ashishbinu1602 Год назад
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.😁
@chandraswaroop2061
@chandraswaroop2061 Год назад
Seriously man I'm glad 😅🎉❤
@songoftheheart2374
@songoftheheart2374 Год назад
Sahi he , I am also learning form my self , but till now I have not generated any capital .
@enterb7643
@enterb7643 Год назад
Bro you gave them $0.5
@user-hp2yh8gu6v
@user-hp2yh8gu6v Год назад
@@enterb7643 so what?
@dr_corrupt1014
@dr_corrupt1014 Год назад
@@enterb7643😂😂😂
@iankamandew9777
@iankamandew9777 Год назад
Very convinient for me, Thank you!
@raminsaba1858
@raminsaba1858 Год назад
thank you very much for your amazing channel. please create a full course about smart cards. they used more and more today.
@omare4682
@omare4682 Год назад
i learned this all through Cisco Academy and it was very clear and neat this is one of Cyber Security path learning
@compton8301
@compton8301 7 месяцев назад
Which one? The entire Junior Cybersecurity Analyst path is 120 hours long, or you just did the 6-hour Introduction to Cybersecurity course?
@popopopol-nx4zk
@popopopol-nx4zk 11 месяцев назад
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?
@JanusAlmight
@JanusAlmight Год назад
wow, this is a perfect course for me at this exact moment.. for me i only need to wait the subtitles rs
@bootdotdev
@bootdotdev Год назад
I reached out to Beau to see if we can get them added!
@mj2758
@mj2758 Год назад
Thank you guys for this priceless course
@CuriousAnonDev
@CuriousAnonDev Год назад
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!!
@bootdotdev
@bootdotdev Год назад
So glad it's helpful Divya :)
@tastebublik
@tastebublik Год назад
Thanks for this fundamental course and especially for eng subs
Год назад
Thanks for the captions, I'm better at reading and it helps to improve my english skills
@MrTomer157
@MrTomer157 8 месяцев назад
Amazing tutorial. Thank you so much!
@francescos7361
@francescos7361 Год назад
Thanks , great contribution in coding .
@issecret1
@issecret1 Год назад
Thank you, this was easy to follow.
@hiteshsuthar1097
@hiteshsuthar1097 Год назад
Thanks I'll definitely watch this ☺️
@gavincoulson3900
@gavincoulson3900 Год назад
Free code camp is just truly incredible
@BlochSphere
@BlochSphere Год назад
You guys are awesome!
@divaalsanga3840
@divaalsanga3840 Год назад
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.
@WessamElsheikh
@WessamElsheikh Год назад
That was amazing, thank you 🙏
@davitkhoshtaria3336
@davitkhoshtaria3336 Месяц назад
big respect Lane, brilliant courses
@user-xb9rx9ti5k
@user-xb9rx9ti5k 8 месяцев назад
Best course espacially for beginners
@fun_iqp
@fun_iqp Год назад
Greeaaat finally some basics!
@amankhys8922
@amankhys8922 Год назад
that taught me a lot... thanks mate
@ebrahimmehri
@ebrahimmehri 21 день назад
Excellent! I'm a professional RU-vid uploader myself and I'm quite aware how difficult it is to make a single video. Bravo! Keep up the good work.
@seananih7609
@seananih7609 Год назад
Great content. This was very helpful.
@salihliler
@salihliler Год назад
Thank you, very good course.
@josemarin359
@josemarin359 10 месяцев назад
plan function in js-awe library is nice way to manage complex async flow.
@user-cs5zh9lu5o
@user-cs5zh9lu5o 7 месяцев назад
thank you so much sir. I really appreciate your effort.
@danko5678
@danko5678 Год назад
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.
@janchupkumar3094
@janchupkumar3094 11 месяцев назад
Thanks for this course it was very good .
@markdemasseur
@markdemasseur Год назад
interesting I will come back to this
@PavelTRT
@PavelTRT Год назад
Awesome course! And I'm interesting, how to do the URL tab size like you in chrome? 😀
@BenGurskyMusic
@BenGurskyMusic Год назад
absolute fire my dewd 🔥🔥
@camilotello3296
@camilotello3296 10 месяцев назад
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.
@isaacjon
@isaacjon Год назад
Thanks from the Uzbekistan 🔥🔥🔥
@nouchance
@nouchance Год назад
🇺🇿🇺🇿🇺🇿
@ibgaurav7159
@ibgaurav7159 Год назад
Thank you so much 😍😍😍😍
@jmg9509
@jmg9509 Год назад
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
@xanderazuaje
@xanderazuaje Год назад
Keep it going!
@joselorenzini4196
@joselorenzini4196 Год назад
this is what i am talking about , great course
@doncsay
@doncsay 25 дней назад
interesting course, i did learn some cool stuff
@santokhan_
@santokhan_ Год назад
Very helpful brother.
@rafaelsoaresbiondi2849
@rafaelsoaresbiondi2849 Год назад
Da hora patrão!
@aliadel1723
@aliadel1723 Год назад
Thank you bro ♥
@HornAmiir
@HornAmiir Год назад
what a gem.
@SunsetGraffiti
@SunsetGraffiti 8 месяцев назад
Got my dude Lane on the mic, everything gonna be alright~
@JoaoSchoen
@JoaoSchoen 7 месяцев назад
There's a typo in the description, it says "Fetch Rseponse" instead of "Fetch Response", great video btw =)
@krox477
@krox477 Год назад
Thank you amazing material
@mahendranath2504
@mahendranath2504 Год назад
Thank you so much👍🙌👌💕
@prashanherath9944
@prashanherath9944 7 месяцев назад
damn ur a better teacher than my professor. 😍 excellent stuff 😍
@arjumanbanu950
@arjumanbanu950 Год назад
What is the prerequisites for this course? It would be helpful for me.
@_PulpoPaul
@_PulpoPaul Год назад
The tutor is awesome
@khantsithu4383
@khantsithu4383 Год назад
Aha, been curious about http for a while now. Here it comes
@Jesus_777.2
@Jesus_777.2 Год назад
Finally an http free course!!!
@techofch
@techofch Год назад
JavaScript is the Future :)
@canberkhayretdag0
@canberkhayretdag0 Год назад
+1
@jediTempleGuard
@jediTempleGuard Год назад
Thnkx for great content
@gurenchamp
@gurenchamp Год назад
Hi, so it says on the site that you generally need to buy the course after a few chapters. Is this the case for this course as well, where it's a follow-along tutorial?
@ujjwaljain9780
@ujjwaljain9780 Год назад
Thank you very much
@user-ug4uu5yi6u
@user-ug4uu5yi6u 4 месяца назад
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.
@kumarutsav6653
@kumarutsav6653 7 месяцев назад
Just awesome.
@viridianite
@viridianite 2 месяца назад
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.
@KryptonTeaches
@KryptonTeaches Год назад
Thanks buddy
@harshtekwani8540
@harshtekwani8540 Год назад
even if you put 0 in setTimeout call back function will only run ones js runtime call stack gets empty because until then it will be in callback queue and event loop will keep looking for call stack to get empty and then push call back function in it to get executed.
@Gnanavel-
@Gnanavel- Год назад
Sir ejpt vs ceh which one is best for beginner course and easy understand please tell me
Далее
100+ Web Development Things you Should Know
13:18
Просмотров 1,4 млн
The Right Way To Build REST APIs
10:07
Просмотров 81 тыс.
БИМ БАМ БУМ💥
00:14
Просмотров 3,8 млн
кукинг с Даниилом 🥸
01:00
Просмотров 2,2 млн
What is a REST API?
9:12
Просмотров 1,5 млн
Common Mistakes and Advanced Typescript Techniques
10:49
God-Tier Developer Roadmap
16:42
Просмотров 7 млн
My Unconventional Coding Story | Self-Taught
27:14
Просмотров 587 тыс.
Every React Concept Explained in 12 Minutes
11:53
Просмотров 513 тыс.
FastAPI, Flask or Django - Which Should You Use?
9:49