Тёмный

Axios Crash Course | HTTP Library 

Traversy Media
Подписаться 2,3 млн
Просмотров 369 тыс.
50% 1

In this video we will be looking at the Axios HTTP client to make requests, add headers, create interceptors and more
Code:
github.com/bra...
💖 Become a Patron: Show support & get perks!
/ traversymedia
Website & Udemy Course Links:
www.traversyme...
Follow Traversy Media:
/ traversymedia
/ traversymedia
/ traversymedia

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

 

27 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 287   
@TraversyMedia
@TraversyMedia 5 лет назад
Intro - 0:30 Interface & Files Explain - 2:15 GET Request & Response Explain - 3:56 POST Request - 9:58 PUT/PATCH Request - 12:25 DELETE Request - 14:35 Simultaneous Requests - 15:30 Interceptors - 19:35 Custom Headers - 22:40 Transform Response - 24:38 Globals - 27:00 Error Handling - 29:16 Cancel Tokens - 33:50 Axios Instances - 36:33 Timeout - 39:07
@latelotus
@latelotus 5 лет назад
Almost done with your udemy api course(best udemy course I've taken all year). This is a great companion to that. BTW will you be creating a front end companion to that course?
@saidrasool8431
@saidrasool8431 4 года назад
I love and like your videos.Is it must to learn data structure and algorithm for web development?plz reply.
@thanapongangkha1417
@thanapongangkha1417 5 лет назад
You’re good at everything Brad, EVERYTHING.
@TraversyMedia
@TraversyMedia 5 лет назад
Remember, I spend a ton of time looking stuff up, researching, etc. One misconception is when we do tutorials, people think it is always that smooth. We cut out all of the mistakes, research to cut it down so you guys can consume it. Many of my viewers are actually better programmers than I am, I just have an ability to explain things in a simple way. But thank you for the compliment :)
@kennethkipchumba2532
@kennethkipchumba2532 5 лет назад
Brad! What is the average time you spend on the computer a day?
@TraversyMedia
@TraversyMedia 5 лет назад
@@kennethkipchumba2532 Around 8 hours during the week. Maybe 3-4 on the weekends. I have really cut down, I used to work around 14 hours a day on the computer. Sometimes with almost no breaks. I can't do it anymore though. My back and neck have issues and I get bad migraines with vertigo.
@ihsanmohamad521
@ihsanmohamad521 5 лет назад
@@TraversyMedia thank you Brad, i always felt overwhelmed when learning tutorial on youtube. People do it with ease and i feel like i could never be as good as all the youtuber. This made me feels a bit better knowing almost everyone is struggling in coding.Thank you.
@regunwijaya5203
@regunwijaya5203 5 лет назад
@@ihsanmohamad521 me too pal
@user-he8qc4mr4i
@user-he8qc4mr4i 3 года назад
Some people were born to teach and you are one of them! Voice, knowledge, technique, etc! I am already a fan! thx for sharing!
@alexandrmeyer
@alexandrmeyer 10 месяцев назад
That's unbelievable, how you were able so Clearly explain so many topics during so little time! That's either a talent or some structured thinking. Great job! Thank you very much.
@matteol1778
@matteol1778 3 года назад
Bro, this course WAS LIT 🔥 Easy to understand and comprehensive, plus with code attached on the video (something that RU-vid code teacher usually forgot to do). I really enjoyed to watch it. Thank you!
@blackshock4able
@blackshock4able 3 года назад
I look for a tutorial on the internet and then BAM a few days later I find it here, this channel is awesome
@BusinessWolf1
@BusinessWolf1 9 месяцев назад
This course is really really great to do right after the Express one. You get to actually use the API you made.
@johnwilliams983
@johnwilliams983 4 года назад
Anything I want to learn Brad has a video on it. I just came across axios. Funny thing is I'm subscribed to your channel for a while now and I missed this video. Thanks again Brad, you deserve all your success.
@veoquenoesunproblema
@veoquenoesunproblema 3 года назад
Dude!, this was the best learning I have had of Axios, with this I was able to create a complete Airline website project for college, thank you, soo well explain this crash course. I really don't know what it has but it is very different to some others I have found.
@gambomaster
@gambomaster 5 лет назад
Brad is good at first understanding the topic at hand and then teaching the same topic in plain english. It takes lots of time and research to understand one topic. He is good at it. In this world of tutorials, he is our Traversinator. 😉
@bankoleesan2129
@bankoleesan2129 5 лет назад
You're the Man Mr Traversy. Thank you... It's almost like you read my mind, honestly! Thank you Mr Traversy, you'll always be my Hero.
@josesavioli3982
@josesavioli3982 2 года назад
Great crash course. The start.js and html from the Github page helped a lot!
@clovisdaniel4366
@clovisdaniel4366 3 года назад
Clear like crystal. Congratulations!
@bjornleonhenry9750
@bjornleonhenry9750 4 года назад
Brad, your video are really good and your style of teaching is awesome, easy to understand and follow, so much valuable knowledge and enjoy watching every one. Your are a huge source of inspiration and many thanks for everything you have thought me and many others!!
@GuitarAge
@GuitarAge 4 года назад
I learned and I did some axios things before but it still was a kind of mystery, not systemized and disorder in my head. After this tutorial i refine my app and feeling really confident in this technique. Thanks a lot!
@headlikeahole6548
@headlikeahole6548 4 года назад
Awesome, Brad. That's exactly what I needed right now.
@naveenraj061
@naveenraj061 3 года назад
Your a hero for freshers, brad.
@bhargavpandya9189
@bhargavpandya9189 3 года назад
this was a great tutorial especially for a total beginner like me! It had always confused me when I saw these lines of code anywhere. Thankfully not anymore! thank you
@anilanaparthi6985
@anilanaparthi6985 5 лет назад
Your are really doing great tutorials ,no one else replace..
@CoryTheSimmons
@CoryTheSimmons 4 года назад
Great rundown. Thanks! I bet that axios.defaults.transformRequest could be used to attach a JWT to every request. Might be handy for auth. Edit: RIP. 2 seconds after I comment you go over globals that covers that use case.
@richardantao3249
@richardantao3249 4 года назад
Brad is a gift from the gods.
@federicobalboa9145
@federicobalboa9145 5 лет назад
best web dev teacher
@shaikhahmaasher979
@shaikhahmaasher979 5 лет назад
Nice video as always! thank you so much. But I have a request to talk more about creating authorized APIs and how to use them in front/back ends with jwt & custom headers. Please create a video for this, as it's so important to secure our applications.
@RickBeacham
@RickBeacham 4 года назад
Yes I agree.
@alexkey9372
@alexkey9372 5 лет назад
I thought I knew axios well enough until your tutorial! great work!
@tirsolecointere
@tirsolecointere 5 лет назад
Yesterday I was looking for an axios course and none of them got my attention... And today... BAMPPP!!! Axios Crash Course by Brad... LOL
@shrirammasal5403
@shrirammasal5403 2 года назад
After one week on search I got this beautiful thing😊
@ad4762
@ad4762 2 года назад
watching this after the 50 projects in 50 days course, awesome
@sethmccullough6206
@sethmccullough6206 4 года назад
Awesome video Brad, I finally fully understand how Axios works!
@melihozdemir2561
@melihozdemir2561 2 года назад
You are a wonderful teacher!
@gideaoferreira8236
@gideaoferreira8236 2 года назад
You’re good at everything Brad, EVERYTHING. ²
@ecoded3033
@ecoded3033 3 года назад
This is an extremely meaningful resource. Thanks!
@Ragnar-bh1tu
@Ragnar-bh1tu 5 лет назад
Incredible work ethic and knowledge base, huge respect!
@ProgrammingwithPeter
@ProgrammingwithPeter 5 лет назад
Axios is the current best for http requests and you are for developers!
@DrumhardbeatzzProductions
@DrumhardbeatzzProductions 5 лет назад
Thank you very much sir...this was the only topic...i was waiting for ur lecture
@aminkazemi6938
@aminkazemi6938 4 года назад
love u Brad Travesy, prefect time to learn axios for me its miracle
@ytubs
@ytubs 3 года назад
Thank you my dude... Best of luck and good health
@shantanu277
@shantanu277 3 года назад
Amazing content. Clearly explained the concept.
@krdgopi
@krdgopi 4 года назад
Brad, You are good in explaining things clearly. I am a great fan of you.
@yanjim
@yanjim 4 года назад
Thank you once more Brad!! Another great tutorial!!
@parsabadri6064
@parsabadri6064 4 года назад
Hi, I have watched your courses and learned a lot from them, you are a wonderful person... thank you so much!
@fanuel2198
@fanuel2198 4 года назад
Thank you for making my life much easier
@JoeWong81
@JoeWong81 4 года назад
Thanks for that walkthrough Brad!!!
@mohammadimran2219
@mohammadimran2219 5 лет назад
I wanted to learn Axios API & here you go! The Man launched CC! TM
@bokunochannel84207
@bokunochannel84207 5 лет назад
very nice explanations
@fadifindakly3850
@fadifindakly3850 4 года назад
That’s a great video.. thanks a lot Brad for your huge efforts!
@redhawk5476
@redhawk5476 4 года назад
i think u can read my mind lol thanks for every great content this chanel upload
@warrenarnold
@warrenarnold 3 года назад
FOR THOSE WHO WONDER WHY ALL THE HTML VERBS AND ISTH WHILE I CAN JUST USE GET AND POST i also used to think of it like this, however http verbs are good especially when doing a large project, consider how many routes/endpoints or subroutes you would have to create for common crude operations for each and every resource you have. such would bloat your api. Instead you can jst declare a single endpoint as a resource endpoint and then bear the benefits of it all in documentation and consumption where your users will instinctively know what to do to perform crud than have to learn your each and every endpoint for the resource. also it is easily standardizable now . Easy now right! yeap I also have never found someone explain this to me but figured it out on the way working on some framework. and now i find it v smart. i think the bad thing with tuts and all is that they tell you the what and how but never tell you the why and when. now that is what makes a dev. hence why u should always couple it with practice and experimentation.
@syedfahad6043
@syedfahad6043 3 года назад
Thank you soo much for this wonderful explanation....
@muhammadpardaboyev3017
@muhammadpardaboyev3017 4 года назад
That's a great tutorial!!! Thank you very much, Brad! You are doing great job
@meenalwebsenor9016
@meenalwebsenor9016 3 года назад
Thank you sir.... amazing chapter taught by you
@Pareshbpatel
@Pareshbpatel 3 года назад
Great Tutorial on using AXIOS. Thanks. {2021-09-06}
@manuelkoch2659
@manuelkoch2659 3 года назад
As always: super content condensed to what counts, thumbs up!
@stevendornan7979
@stevendornan7979 5 лет назад
I love it
@nickwoodward819
@nickwoodward819 4 года назад
Nice video, as usual. Quick question if you don't mind: Any reason why Authorization isn't a string in the config, but 'Content-Type' is?
@whisper9885
@whisper9885 5 лет назад
Thank you so much Brad, your crash courses are a big help!
@antonyakovlev759
@antonyakovlev759 4 года назад
Спасибо! Даже без перевода всё отлично понятно!!! 👍 лайк
@rtugok
@rtugok 4 года назад
Why not use a request interceptor to handle auth tokens rather than dealing with globals? Thanks for the video!
@yassineaker
@yassineaker 5 лет назад
Thanks for this great content.
@MrRapic
@MrRapic 5 лет назад
Great video. Thanks Brad!
@malmahsyar3347
@malmahsyar3347 5 лет назад
I click like before i watch, because your video never disappointing
@TraversyMedia
@TraversyMedia 5 лет назад
Thanks :)
@63montywilliams50
@63montywilliams50 2 года назад
Ince again, a video for everything. Great cintent!
@eric000
@eric000 5 лет назад
It appears you don't use the autosave option on VS Code, do you click Ctrl+s each time? Is there any reason for that. And Brad thanks for the amazing crash course👏👏
@leg875
@leg875 2 года назад
As usual your videos are awesome
@youtubekostroma
@youtubekostroma 4 года назад
Спасибо за урок, хорошая подача материала.
@affanwaseem7175
@affanwaseem7175 11 месяцев назад
To the point and very informative!
@sferroebbasta
@sferroebbasta 5 лет назад
Thank you always, Brad!
@mohamedmoumni5836
@mohamedmoumni5836 5 лет назад
thanks a lot for you effort. can you please make video about redux saga ?
@simonx3088
@simonx3088 4 года назад
i am so sad that i can't slove the problem about the CROS question in using axios in vuejs .pls help me ,Sir!
@jeromesnail
@jeromesnail 5 лет назад
At 19:00 couldn't we just destrucure the response instead of using axios.spread? Like: .then( ( [ todos, posts ] ) => { showOutput( posts ) } )
@faidonc.kourounakis4528
@faidonc.kourounakis4528 4 года назад
heyyyy. video idea: crash course for IndexedDB. There is a lot of confusion around it.
@immanuelcristobal9412
@immanuelcristobal9412 4 года назад
Hello Brad, can you do a tutorial about XOJO Desktop & Web? And also SmartGit? Please.
@gaganbedi4332
@gaganbedi4332 Год назад
so you made this to let us copy paste the code or to make us understand something?
@rickyu1978
@rickyu1978 4 года назад
Thanks brad. Was hoping for using axios.create with a POST data request. For some reason there are breaking changes from 0.18 to 0.19 that differ in the way data is posted with a instance.
@jordanmowry9164
@jordanmowry9164 3 года назад
Brad is thee web wizard.
@tommyalhamra84
@tommyalhamra84 3 года назад
Thanks Sir.. you are a superhero
@terry.chootiyaa
@terry.chootiyaa 5 лет назад
*HI Brad, how is this different from POSTMAN ?* 😐
@mosesnandi
@mosesnandi 4 года назад
Or Postwoman?
@DaveGalligher
@DaveGalligher 2 года назад
Great presentation, thank you.
@irwinpalomo7212
@irwinpalomo7212 5 лет назад
Thank you so much brad
@TraversyMedia
@TraversyMedia 5 лет назад
You're welcome, thanks for watching
@buziyborni
@buziyborni 5 лет назад
thanks very much for this
@Oxygen.O2
@Oxygen.O2 4 года назад
A new world just opened to me right here, right now! T H A N K S
@programingwizard5312
@programingwizard5312 2 года назад
33:50 if we upload a file using axios and if the file is quite a big, user might want to cancel the upload maybe on that case we can use cancle token
@afsarabenazir8558
@afsarabenazir8558 3 года назад
what is the extension you are using in your homepage? (the one which asks what is your focus for today)
@umutfrat9032
@umutfrat9032 4 года назад
Thank you
@Mcsollo
@Mcsollo 3 года назад
that is just what i was looking for
@storytime-c1p
@storytime-c1p 3 года назад
can anyone help me, I have been stuck for days looking for a way to add multiple params to an axios get request but it never works. I have seen examples for requesting one parameter key with multiple values, but none for requesting multiple different keys
@thasavage9862
@thasavage9862 4 года назад
Brad, can you make a video on creating a package for atom?
@rabihrichi320
@rabihrichi320 4 года назад
how to deal with chunks ? i have to retrieve a serie of objects one by one from a get http request (response type: stream) and encapsulate them with a callback function. when i use then .. i get all the objects in a form of string.. when the loading ends ... i need to use the callback for each object in realtime during the loading . the object are redux action and the callback function is a dispatch can u help ?
@nasharcadia
@nasharcadia Год назад
Hi! I am making a post request and it requires a secret key as a custom header... the problem is when Include it, I get the error "request header field x-auth-secret-key is not allowed by Access-Control-Allow-Headers in preflight response." please help, Thank you!!
@omairacristinapalaciossanc7073
@omairacristinapalaciossanc7073 4 года назад
Thank, just what I need
@danisonic
@danisonic 4 года назад
Fantastic. Thanks :)
@andrewmiraliotis6660
@andrewmiraliotis6660 4 года назад
It also works NBC and MSNBC.
@CarlosMartinezTech
@CarlosMartinezTech 4 года назад
Thank you for your amazing content!
@tamirpolyakov1122
@tamirpolyakov1122 3 года назад
I am writing some code and am making a post request with axios. The api I am working with sends a response back after I create the post request. How would I get a response from the post request
@cadamstech1658
@cadamstech1658 10 месяцев назад
Thanks a ton man! :)
@luancardosolc
@luancardosolc 3 года назад
What is the VS Code you are using for axios complete the words you type?
@bhahmady
@bhahmady Год назад
Thank you, man.😊
@Asadraza-vy1cn
@Asadraza-vy1cn 5 лет назад
Thanks.
@ricklaird2218
@ricklaird2218 4 года назад
Thank you very much. Super helpful
@muhammadawaisalamkhan9265
@muhammadawaisalamkhan9265 4 года назад
Great work , amazing one
@fizafashion6595
@fizafashion6595 Месяц назад
Thank you for this video
Далее
Documenting Your JavaScript | JSDoc Crash Course
36:32
Просмотров 132 тыс.
HTTP Crash Course & Exploration
38:30
Просмотров 1,1 млн
Катаю тележки  🛒
08:48
Просмотров 225 тыс.
titan tvman's plan (skibidi toilet 77)
01:00
Просмотров 4,4 млн
The Importance of Specialization in Coding
7:13
Просмотров 231 тыс.
Sending JavaScript Http Requests with Axios
11:50
Просмотров 174 тыс.
Express JS Crash Course
1:14:01
Просмотров 966 тыс.
NPM Crash Course
42:03
Просмотров 325 тыс.