Axios Crash Course | HTTP Library

Поділитися
Вставка
  • Опубліковано 8 січ 2025

КОМЕНТАРІ • 288

  • @TraversyMedia
    @TraversyMedia  5 років тому +183

    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 5 років тому

      I love and like your videos.Is it must to learn data structure and algorithm for web development?plz reply.

  • @thanapongangkha1417
    @thanapongangkha1417 5 років тому +207

    You’re good at everything Brad, EVERYTHING.

    • @TraversyMedia
      @TraversyMedia  5 років тому +283

      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 років тому +5

      Brad! What is the average time you spend on the computer a day?

    • @TraversyMedia
      @TraversyMedia  5 років тому +54

      @@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 років тому +13

      @@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 років тому +1

      @@ihsanmohamad521 me too pal

  • @alexandrmeyer
    @alexandrmeyer Рік тому +3

    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.

  • @user-he8qc4mr4i
    @user-he8qc4mr4i 3 роки тому +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!

  • @blackshock4able
    @blackshock4able 3 роки тому +2

    I look for a tutorial on the internet and then BAM a few days later I find it here, this channel is awesome

  • @tomasmatusek6292
    @tomasmatusek6292 Рік тому +1

    2023 and I want thank you alot for this job what you did. I now learn it in school and I was ben confused about this topic, but you are
    me illuminated this topic a lot.
    Thank you alot.
    Im not your fun, but ... waw. Big job and so good so far.

  • @matteol1778
    @matteol1778 3 роки тому +8

    Bro, this course WAS LIT 🔥
    Easy to understand and comprehensive, plus with code attached on the video (something that UA-cam code teacher usually forgot to do).
    I really enjoyed to watch it.
    Thank you!

  • @igalbog
    @igalbog 4 роки тому +9

    Couldn't have explained it any better. Brad, you are a gifted instructor. Thanks for sharing your gift with the world.

  • @johnwilliams983
    @johnwilliams983 4 роки тому +1

    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.

  • @alejandrocano88
    @alejandrocano88 4 роки тому +1

    everytime i need to learn something, type in the search bar and Brad already did a tutorial, thanks man you really helping me out.

  • @BusinessWolf1
    @BusinessWolf1 Рік тому +2

    This course is really really great to do right after the Express one. You get to actually use the API you made.

  • @veoquenoesunproblema
    @veoquenoesunproblema 3 роки тому +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.

  • @mohammadimran2219
    @mohammadimran2219 5 років тому +21

    I wanted to learn Axios API & here you go! The Man launched CC!
    TM

  • @gambomaster
    @gambomaster 5 років тому +2

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

  • @infinitivegamer6899
    @infinitivegamer6899 4 роки тому +2

    Awesome work there monsieur! It seems there are no other full crash courses on axios except this one. Whenever we search it on any device this one comes up at the top.

  •  5 років тому +8

    I came here just to leave my like to the video since I am going through the MERN tutorial. Soon I will be here learning more. 👨🏾‍💻😊

  • @GuitarAge
    @GuitarAge 5 років тому +9

    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!

  • @naveenraj061
    @naveenraj061 4 роки тому +1

    Your a hero for freshers, brad.

  • @bankoleesan2129
    @bankoleesan2129 5 років тому +10

    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.

  • @paulprendergast96
    @paulprendergast96 Рік тому +1

    wow this was great; best video I have seen for Axios.

  • @Ash-em5pm
    @Ash-em5pm 5 років тому +4

    You sir , are growing really fast. Looks like we are going to hit 1 million in a month or so. My best wishes to you.

    • @TraversyMedia
      @TraversyMedia  5 років тому +3

      Thanks. It will be longer than a month, but we are getting there :) thanks for watching!

  • @LeetCodeSimplified
    @LeetCodeSimplified 4 роки тому +1

    Glad I found your tutorial. I've lost count of the "aha" moments I've had while watching. Thx man!!!

  • @bjornleonhenry9750
    @bjornleonhenry9750 5 років тому +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!!

  • @Ada-zg2qb
    @Ada-zg2qb 5 років тому +3

    Thank you for this. I went to a coding boot camp and could not keep up but your videos are a lifesaver.
    The whiteboard interview process has been difficult, and I would love to hear your opinion on how students like myself should approach whiteboard interviews in a market when CS/Math/etc grads seem to have a better advantage due to their CS theory curriculum.

    • @aaaa-wh3lj
      @aaaa-wh3lj 3 роки тому

      I feel this right now. By the looks of things if you want to work in a big company, you have to know algorithms and data structures, I never learned it and I wish I could go back and do a normal bachelors to be able to learn these things but its too late now for me. Its very discouraging.

  • @abubakarBello59
    @abubakarBello59 2 роки тому +1

    Your videos are always the best for me on UA-cam. Keep it up, Mentor.

  • @azititiiaz
    @azititiiaz 2 роки тому +3

    This was amazing! Straight to the point, very clean and easy to understand! Can't thank you enough! Loved it!

  • @josesavioli3982
    @josesavioli3982 2 роки тому +1

    Great crash course. The start.js and html from the Github page helped a lot!

  • @clovisdaniel4366
    @clovisdaniel4366 4 роки тому +2

    Clear like crystal. Congratulations!

  • @headlikeahole6548
    @headlikeahole6548 5 років тому +19

    Awesome, Brad. That's exactly what I needed right now.

  • @bhargavpandya9189
    @bhargavpandya9189 3 роки тому +1

    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 років тому +2

    Your are really doing great tutorials ,no one else replace..

  • @ytubs
    @ytubs 3 роки тому +1

    Thank you my dude... Best of luck and good health

  • @tirsolecointere
    @tirsolecointere 5 років тому +3

    Yesterday I was looking for an axios course and none of them got my attention... And today... BAMPPP!!! Axios Crash Course by Brad... LOL

  • @Gurucanggih
    @Gurucanggih 3 роки тому +1

    This is exactly what I'm looking for. I'm learning node, express and react right now. Thank you sooooo much.

  • @youraverageprogrammer7532
    @youraverageprogrammer7532 5 років тому +3

    Wow, I was literally just going over the custom HTTP library from you course. Now, I get to practice with an actual library. Thanks brad!

  • @hamzaashraf9529
    @hamzaashraf9529 2 роки тому +1

    this was a giant tutorial brad i just love learning from you thank you brad for such a master piece

  • @alexkey9372
    @alexkey9372 5 років тому +2

    I thought I knew axios well enough until your tutorial! great work!

  • @richardantao3249
    @richardantao3249 5 років тому +2

    Brad is a gift from the gods.

  • @aaronguildstationers1769
    @aaronguildstationers1769 5 років тому +5

    This tutorial is fantastic, as always. I really appreciate you sharing your knowledge.
    Have you ever considered putting up a tutorial on making tutorials?
    In all seriousness, you are a great teacher and other online instructors could really benefit from seeing your process!

  • @rds3492
    @rds3492 5 років тому +1

    Your tutorials are best!!!!
    I am going to recommend your page to everyone!!!

  • @shrirammasal5403
    @shrirammasal5403 3 роки тому +1

    After one week on search I got this beautiful thing😊

  • @gideaoferreira8236
    @gideaoferreira8236 3 роки тому +1

    You’re good at everything Brad, EVERYTHING. ²

  • @nhathuynguyen716
    @nhathuynguyen716 4 роки тому +1

    you're a blessing for our community. Thanks a lot !

  • @shaikhahmaasher979
    @shaikhahmaasher979 5 років тому +4

    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.

  • @Ragnar-bh1tu
    @Ragnar-bh1tu 5 років тому +4

    Incredible work ethic and knowledge base, huge respect!

  • @alpharomeo9279
    @alpharomeo9279 3 роки тому +1

    Hey Brad. Been enjoying learning webdev through your videos. If I may suggest an advice, it seems that attaching a cam recording of yourself while explaining the videos will get people to focus more on the explanations.
    If I can see your face & gesture when you're explaning them, I am 100% sure that it will give more interactivity which will make it easier for me to understand the explanation & maintaining my focus as you explain the whats & whys.
    Once again, I thank you for giving us aspiring developers a way to truly get up & started on our code. Your code along really helps. Like. A lot.
    Please be safe & healthy for many long years. Sincerely, your fan from Indonesia!

  • @sethmccullough6206
    @sethmccullough6206 4 роки тому +1

    Awesome video Brad, I finally fully understand how Axios works!

  • @Ilovemynation12345
    @Ilovemynation12345 4 роки тому

    Brad, You are good in explaining things clearly. I am a great fan of you.

  • @TheCodeRank
    @TheCodeRank 5 років тому +3

    I really love traversy media all videos

  • @CoryTheSimmons
    @CoryTheSimmons 4 роки тому +3

    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.

  • @salimel8802
    @salimel8802 5 років тому +6

    You re the best instructor ever! How mush did you spend to learn all that staff ? I spent a lot of time just to learn node!

  • @ad4762
    @ad4762 2 роки тому

    watching this after the 50 projects in 50 days course, awesome

  • @joshpark818
    @joshpark818 4 роки тому +1

    Insanely good tutorial. Literally the best

  • @federicobalboa9145
    @federicobalboa9145 5 років тому +2

    best web dev teacher

  • @parsabadri6064
    @parsabadri6064 4 роки тому +1

    Hi, I have watched your courses and learned a lot from them, you are a wonderful person... thank you so much!

  • @ProgrammingwithPeter
    @ProgrammingwithPeter 5 років тому +1

    Axios is the current best for http requests and you are for developers!

  • @aminkazemi6938
    @aminkazemi6938 4 роки тому +1

    love u Brad Travesy, prefect time to learn axios for me its miracle

  • @basiccodingwithadam8125
    @basiccodingwithadam8125 5 років тому +2

    Hey! Something I asked for! Thanks Brad, you’re the best.

  • @shantanu277
    @shantanu277 3 роки тому +2

    Amazing content. Clearly explained the concept.

  • @DrumhardbeatzzProductions
    @DrumhardbeatzzProductions 5 років тому +2

    Thank you very much sir...this was the only topic...i was waiting for ur lecture

  • @jeromesnail
    @jeromesnail 5 років тому +1

    At 19:00 couldn't we just destrucure the response instead of using axios.spread?
    Like: .then( ( [ todos, posts ] ) => { showOutput( posts ) } )

  • @ecoded3033
    @ecoded3033 3 роки тому +1

    This is an extremely meaningful resource. Thanks!

  • @zraffens5145
    @zraffens5145 4 роки тому +3

    Other tutorials: 20 min video saying "Full Course"
    Traversy Media's tutorial: 40 min *In-depth* explanation saying "Crash Course"

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

  • @fadifindakly3850
    @fadifindakly3850 4 роки тому +1

    That’s a great video.. thanks a lot Brad for your huge efforts!

  • @muhammadpardaboyev3017
    @muhammadpardaboyev3017 4 роки тому +1

    That's a great tutorial!!! Thank you very much, Brad! You are doing great job

  • @ademineshat
    @ademineshat 5 років тому +2

    Wow perfect start. Love this way. Thank you

  • @yanjim
    @yanjim 5 років тому +3

    Thank you once more Brad!! Another great tutorial!!

  • @JoeWong81
    @JoeWong81 5 років тому +2

    Thanks for that walkthrough Brad!!!

  • @redhawk5476
    @redhawk5476 5 років тому +2

    i think u can read my mind lol
    thanks for every great content this chanel upload

  • @manuelkoch2659
    @manuelkoch2659 3 роки тому

    As always: super content condensed to what counts, thumbs up!

  • @phanirithvij
    @phanirithvij 5 років тому +2

    First!!
    Thanks for your videos Brad.
    I hope you're feeling better.

  • @polinashakirova8452
    @polinashakirova8452 3 роки тому +1

    Thank you very very much!!! It is extremely interesting and clear, I really enjoyed it. Can't wait to implement

  • @karma_yogi_42
    @karma_yogi_42 4 роки тому +1

    that was beautiful! made it so easy to learn!

  • @Reacter901
    @Reacter901 4 місяці тому

    First class content! This was so helpful! Than you!

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

  • @melihozdemir2561
    @melihozdemir2561 2 роки тому +1

    You are a wonderful teacher!

  • @meenalwebsenor9016
    @meenalwebsenor9016 4 роки тому +1

    Thank you sir.... amazing chapter taught by you

  • @vibonacci
    @vibonacci 5 років тому +1

    45 min on a 12kb library :)
    Trolling aside, Axios is so easy to use next to the rest. It really hides everything you do not want to deal with in most cases. You make the call, get the promise, thats it.

  • @indrajitdas9595
    @indrajitdas9595 4 роки тому +1

    Hello Sir, I am completely new in web development, and start learning laravel and Vue.js . Your videos helped me a lot . I have question on axios , how do we use laravel named route in axios ?

  • @walidsalah3414
    @walidsalah3414 4 роки тому +1

    Thank you for this AMAZING crash course

  • @fanuel2198
    @fanuel2198 4 роки тому +1

    Thank you for making my life much easier

  • @taaemoh
    @taaemoh 2 роки тому

    You're awesome... keep nailing down more topics

  • @syedfahad6043
    @syedfahad6043 3 роки тому +1

    Thank you soo much for this wonderful explanation....

  • @michael_hackson_handle
    @michael_hackson_handle 7 місяців тому

    Thanks! Subscribed and will check more courses. Keep it up! 🔥

  • @raiii-gamingandstuffs6965
    @raiii-gamingandstuffs6965 4 роки тому

    On Custom headers 24:15 if config is not working try :
    {"headers" : config}

  • @shadow_3213
    @shadow_3213 3 роки тому

    Thank's a lot !!!
    Best content ever on your channel :-)))

  • @stevendornan7979
    @stevendornan7979 5 років тому +3

    I love it

  • @Groot140
    @Groot140 5 років тому +6

    Just Amazing Sir!

  • @DrivenByWordsOfficial
    @DrivenByWordsOfficial 4 роки тому +1

    Why I'm getting this error message?
    Access to XMLHttpRequest at 'jsonplaceholder.typicode.com/todos' from origin '127.0.0.1:5500' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

    • @surfoyb8727
      @surfoyb8727 4 роки тому

      Somebody please help with this ????

    • @thenoja176
      @thenoja176 3 роки тому

      same shit happened to me

  • @malmahsyar3347
    @malmahsyar3347 5 років тому +3

    I click like before i watch, because your video never disappointing

  • @rtugok
    @rtugok 5 років тому +1

    Why not use a request interceptor to handle auth tokens rather than dealing with globals? Thanks for the video!

  • @АндрейФилипинов-ш3у

    great course! axios still pretty usefull tool as I see

  • @nickwoodward819
    @nickwoodward819 5 років тому +2

    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 років тому +2

    Thank you so much Brad, your crash courses are a big help!

  • @robertoportfolio1378
    @robertoportfolio1378 2 роки тому

    Did the whole video but with be nicer if we used our own backend api in the localhost than a json api in the internet ..thx for this video

  • @youtubekostroma
    @youtubekostroma 4 роки тому +1

    Спасибо за урок, хорошая подача материала.

  • @MrRapic
    @MrRapic 5 років тому +1

    Great video. Thanks Brad!

  • @antonyakovlev759
    @antonyakovlev759 4 роки тому +1

    Спасибо! Даже без перевода всё отлично понятно!!! 👍 лайк

  • @danilosampaio6493
    @danilosampaio6493 4 роки тому

    You always save may life hahah thank you Brad