Async JavaScript Part 1: What is AJAX?

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 พ.ย. 2024

ความคิดเห็น •

  • @girabbit
    @girabbit 2 ปีที่แล้ว +59

    FINALLY someone who can explain coding without casually throwing in terms they think you should know, or assuming you understand it and just need a refresher. You’re explaining the concepts behind it, not just describing the code 👏👏👏

  • @kenneth6965
    @kenneth6965 2 ปีที่แล้ว +17

    I graduated from a University and I am now in my first software development internship. Now I realize I know nothing. Videos like this really help out. Thanks Ania for making these videos I really appreciate what you do for the dev community.

  • @Working800
    @Working800 3 ปีที่แล้ว +3

    My first tech reunion was on wednesday 16 and this is something they tell us to look at, perfect timing

  • @sahilaujla
    @sahilaujla 3 ปีที่แล้ว +5

    I am trying to wrap my head around AJAX and at the right time your video comes to save my life
    waiting for it!!

  • @harrismawardi4195
    @harrismawardi4195 3 ปีที่แล้ว +26

    I just went through this topic on Codecademy today but it felt super rushed in actually explaining what it was I was learning - your vid is so clear and I feel a lot more confident in understanding the code I am writing!

  • @taishienglish
    @taishienglish ปีที่แล้ว +1

    I am a fan, There are times i find myself replaying tutorial videos and the last play always leaves me more confused that the first. I love Ania becuase she really breaks the concepts down in very digestible terms. Ania is the goat.

  • @Averyd87
    @Averyd87 2 ปีที่แล้ว +6

    Thanks for the video it was very helpful! The countries api has changed slightly for anyone following along.
    To get the countryCard name your innerHTML should be "country.name.common" or "country.name.official".
    To get your the countryCardImage your src should be "country.flags.png" or "country.flags.svg"

    • @romariodaniel1152
      @romariodaniel1152 2 ปีที่แล้ว

      thanks was wondering 😆

    • @gideonetowa9075
      @gideonetowa9075 ปีที่แล้ว

      Thanks. it gave a bit of a hard time 😃

    • @donidewit
      @donidewit ปีที่แล้ว

      Thank you very much! Appreciated!

  • @HELLNAWW
    @HELLNAWW 3 ปีที่แล้ว +3

    What we need is a video going through all the different ways to perform AJAX. There's this way, jQuery AJAX, Axios, Fetch, and HttpModule in Angular. Probably more but at least these are the most common.

  • @tedspens
    @tedspens 2 ปีที่แล้ว +6

    I'm learning so much from your channel because you explain everything so clear and precise. AJAX is one of those things... I've always had a clue how it works, something about http request and xhr, but nobody has explained it so well before now. It's like they assume I know a lot of things that I don't know. You have a knack for teaching. Thank you! 🎓 👍🏻

    • @aniakubow
      @aniakubow  2 ปีที่แล้ว +1

      Thanks so much! It’s comments like these that make it all worth while 🥰

  • @alexjuniortupapa
    @alexjuniortupapa 12 วันที่ผ่านมา

    beautiful coding and beautiful instructor, what more can you ask for this is wonderful great channel

  • @AmirSiami
    @AmirSiami ปีที่แล้ว

    wow I just love the way you're teaching. So smooth, so confident. You're the best.

  • @nhanth
    @nhanth 3 ปีที่แล้ว +11

    100k subscribers is not too far ahead ; )

  • @adhoccerswings
    @adhoccerswings 8 หลายเดือนก่อน

    Hell yes. I'm on a cyber security course, it often happens that I somehow solve the coding tasks, then am left wondering what the hell exactly happened = why exactly does it even work (since the explanations on the course are super stripped). Videos like this are GOLD. Thank you!! c:

  • @BenedictSebastian-tt9vd
    @BenedictSebastian-tt9vd 24 วันที่ผ่านมา

    Thanks lady, needed to know how to refresh my cart component on my navbar. Thanks for the help!

  • @gamebred6995
    @gamebred6995 ปีที่แล้ว +1

    Epic explanation ❤

  • @devine_noise
    @devine_noise 2 ปีที่แล้ว +9

    If you're just getting here the api has been updated and the paths to make this tutorial work are 'country.name.common' and 'country.flags.png'

    • @jpkeys6000
      @jpkeys6000 ปีที่แล้ว

      I was driving myself nuts after getting: [object].THANK YOU! Also, how did you find out?

    • @donidewit
      @donidewit ปีที่แล้ว

      Thank you, much appreciated!

  • @markslima1557
    @markslima1557 2 ปีที่แล้ว +1

    Thank you so much for this clear explanation - my Codecademy exercises rushed through this concept and I barely retained the concept. This is much more clear and straightforward you're an excellent instructor!

  • @ahmadalharbi9097
    @ahmadalharbi9097 3 ปีที่แล้ว +3

    Thank you Ania , You made ajax simple for me , looking forward to your next video about ASYNC

  • @jackdanksterdawson112
    @jackdanksterdawson112 ปีที่แล้ว +1

    You are such an Angel Ania, your teaching style and narration is spectacular!
    Thanks for everything you do!
    Love you♥

  • @rageofstate2695
    @rageofstate2695 3 ปีที่แล้ว +7

    Thank you for such a clear explanation of a concept I had trouble fully grasping. Now it makes complete sense.

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว

      Thanks for watching 💚

  • @kidjanno5317
    @kidjanno5317 5 หลายเดือนก่อน

    I have an exam tommorow about this,
    My teacher didn't explain it very well i am so greatful for these video's

  • @micharozek3046
    @micharozek3046 3 ปีที่แล้ว +3

    Oprócz kodowania to chciałbym tak super posługiwać się angielskim jak Ty :D Cudownie brzmisz, wyglądasz i kodujesz!

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว +2

      Dziękuje ślicznie! 😊

    • @micharozek3046
      @micharozek3046 3 ปีที่แล้ว

      @@aniakubow Aniu proszę podziel się sekretem jak można nauczyć się angielskiego żeby mówić jak Ty ? :D

  • @petrraisigl5454
    @petrraisigl5454 ปีที่แล้ว

    This is 100 times better than my JS class in college lol, amazing job!

  • @sagardeka2158
    @sagardeka2158 3 ปีที่แล้ว +2

    love u, your teaching, and your accent

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว

      Thank you! 😃

  • @strategy_gal
    @strategy_gal 3 ปีที่แล้ว +8

    This is a great tutorial! I've always been curious about AJAX and I'm glad I found your video. Thanks for sharing!

  • @Fine-LivingSoul
    @Fine-LivingSoul 2 ปีที่แล้ว

    You are simply too Good for me as a Teacher 🌹

  • @photontube
    @photontube 2 ปีที่แล้ว

    simply put you wrote async concept in my mind forever! Thank you Ania

  • @trtlphnx
    @trtlphnx 3 ปีที่แล้ว +4

    I Can Actually Use AJAX And Have, Very Nice Present My UNIX Based Minx; Love You and Your Work ~

  • @onestepwebdev
    @onestepwebdev 3 ปีที่แล้ว +8

    Hi Ania, nice tut, I must have learned this 20 times already though hopefully hearing it from you will help it finally stick. Looking forward to the Fetch tut ( same applies). Have a great day.

  • @Uncaught_in_promise
    @Uncaught_in_promise 3 ปีที่แล้ว +6

    Also struggling to wrap my head around AJAX. As well as AJAX interacting with JSON

  • @parsmicrosystem8523
    @parsmicrosystem8523 3 ปีที่แล้ว +2

    Thanks Ania , I liked your video

  • @ssumit196
    @ssumit196 3 ปีที่แล้ว +3

    thanks Ania, I hope you'll do a bit of *fetch & axios* in your upcoming videos.

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว +1

      Sure will be ! :)

  • @Swift_Alvar
    @Swift_Alvar 3 ปีที่แล้ว +2

    I really like your mini series! thanks!

  • @mwalecz
    @mwalecz ปีที่แล้ว +2

    did this recently and the new revision of the countries rest api has an added layer of keys, so to get the country name in the innerHTML I had to use 'country.name.common' in the onload function. Similar for the flags, use 'country.flags.svg' - here you can extract the image alt text and a .png version as well, I just used the svg.

    • @LilyChou-d4w
      @LilyChou-d4w 9 หลายเดือนก่อน

      thanks for sharing!

  • @MrLucaslucal
    @MrLucaslucal ปีที่แล้ว +1

    This is very useful, loved the ease you have to explain thank you very much Ania 🎉❤

  • @vinaykanth-s
    @vinaykanth-s 3 ปีที่แล้ว +2

    Eagerly waiting for the next set of videos in this series

  • @abdelghv4112
    @abdelghv4112 3 ปีที่แล้ว

    super helpful i was having some difficulties to understand what is the relation between all these names JSON AJAX XML JS wow now it's really clear thanks

  • @ZurioSi
    @ZurioSi 3 ปีที่แล้ว +4

    Amazing video as I expected!. Can't wait to see the other parts.

  • @NicolaiNielsen-g5e
    @NicolaiNielsen-g5e ปีที่แล้ว

    By far the best tutorials on youtubes! You are simply amazing at actually explaining everything as you go along!
    Thanks a bunch, and keep up the good work!
    Much love from a Denmark!

  • @RahulKumar-ng8rs
    @RahulKumar-ng8rs 8 หลายเดือนก่อน

    THank you ma'am, really simple and fun to understand.

  • @paolobattiloro947
    @paolobattiloro947 3 ปีที่แล้ว

    Mi piace molto il tuo modo di spiegare. Brava

  • @FunIsGoingOn
    @FunIsGoingOn 3 ปีที่แล้ว +1

    Omg such blast from the past, this reminds me of when I first read about it in a Javascript tutorial book and didn't yet understood how it will change the web.
    Had to look at my Amazon orders, that was 13 years ago, yeah those different return states, different syntax for IE or the others and only about plain text data. ^^

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว +1

      Thanks so much for sharing Chris 💚. And thanks as well for watching - I’m so honoured 😊

    • @FunIsGoingOn
      @FunIsGoingOn 3 ปีที่แล้ว

      @@aniakubow Honoured by me? Now I'm blushing... 😅
      Always refreshing to come back to the basics once in awhile, I think I landed here some months ago after watching a video of Web Dev Simplified.

  • @juliocalero8942
    @juliocalero8942 3 ปีที่แล้ว

    Excellent example of ajax, the first video of yours that I see and it is very cool. Greetings from LATAM

  • @rawahapool
    @rawahapool ปีที่แล้ว

    Ania, do you know you are a wonderful instructor?

  • @kaly3877
    @kaly3877 2 ปีที่แล้ว

    These videos are awesome! Doing a much job of stepping through content than my uni lectures 😭

  • @Jimbob2k
    @Jimbob2k 3 ปีที่แล้ว +3

    You have been making some great vids lately

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว +1

      thanks so much Sunil!

  • @zamirshams3430
    @zamirshams3430 ปีที่แล้ว

    cool, now im dominant on using api, thank you so much

  • @se-vs7sg
    @se-vs7sg 3 ปีที่แล้ว +2

    Very nicely done video and great explanation and all. Subbed

  • @corneliusisaac6539
    @corneliusisaac6539 3 ปีที่แล้ว +2

    Gradually making sense of this.

  • @mostafamahmoud7852
    @mostafamahmoud7852 ปีที่แล้ว

    you are amazing ANIA thank you for the amazing explanation. mostafa from egypt.

  • @nabeelnajeeb8
    @nabeelnajeeb8 3 ปีที่แล้ว +3

    Thank you so so much for this explanation. This cleared up so many things for me within just 20 mins. Highly appreciated.

  • @afretoon
    @afretoon 3 ปีที่แล้ว +2

    Very useful explanation about ajax, I'm waiting for more of this kind of videos 👍👌

  • @mauroymgch339
    @mauroymgch339 3 ปีที่แล้ว +1

    Great! Best and beautiful webdev teacher ever!

  • @ravronz9677
    @ravronz9677 3 ปีที่แล้ว +2

    Hi can you make a video on token authentication to protect our json API from unauthorized access.
    How to set-up token
    How to check the valid and also invalid token handling
    etc.

  • @travistubbs2182
    @travistubbs2182 2 ปีที่แล้ว

    This is a throwback to 2006!

  • @dakotafabro5741
    @dakotafabro5741 2 ปีที่แล้ว +2

    Thank you so much, Ania! Your videos are so helpful and so easy to follow along with. I enjoy watching and learning from you 😊

  • @kholahchoudhary637
    @kholahchoudhary637 7 หลายเดือนก่อน

    Absolutely brilliant !!! You are a saviour!

  • @prudhvichinnam1488
    @prudhvichinnam1488 3 ปีที่แล้ว +2

    Do videos on promises 🎉🎉

  • @hananfadah
    @hananfadah 11 หลายเดือนก่อน

    Thank you so much for covering this topic so well!

  • @lobakku
    @lobakku 2 ปีที่แล้ว

    I love the way you teach. It is enjoyable.

  • @johnniewalkerjohnniewalker2459
    @johnniewalkerjohnniewalker2459 ปีที่แล้ว

    thank you Ania.This video was really helpful.

  • @subhodeepbasak9092
    @subhodeepbasak9092 ปีที่แล้ว

    Awesome tutorial Ania!...you just cleared all my doubts.

  • @lisakrause8944
    @lisakrause8944 3 ปีที่แล้ว +3

    This is sooooo helpful THANK YOU !!!

  • @tomastognozzijamkosian4127
    @tomastognozzijamkosian4127 3 ปีที่แล้ว +140

    Ajax is the best Netherlands football team😂

    • @unereplicante3321
      @unereplicante3321 3 ปีที่แล้ว +4

      I read it as "Ajax is the best Neanderthal football team".
      And the World needs this!

    • @tomastognozzijamkosian4127
      @tomastognozzijamkosian4127 3 ปีที่แล้ว +3

      @@unereplicante3321 haha. I would never say that to a Cruyffist team like Ajax.

    • @unereplicante3321
      @unereplicante3321 3 ปีที่แล้ว +1

      @@tomastognozzijamkosian4127 lol thanks for the laugh! been an eternity haven't heard that term 😆
      Now that I think about it, in North America we do have indeed Neanderthal "football" :P , and it's equally fun (but I miss football, indeed )

    • @tomastognozzijamkosian4127
      @tomastognozzijamkosian4127 3 ปีที่แล้ว +2

      @@unereplicante3321 you mean you know the "Cruyffist" term? That's cool, I love the positional style of football. I haven't really followed USA football (I follow LaLiga, Eurocup, Champions...) So I don't know which team in USA plays similar to this style. Which one would you recommend to follow in USA known to play good football?

    • @unereplicante3321
      @unereplicante3321 3 ปีที่แล้ว +1

      @@tomastognozzijamkosian4127 I'm not an expert in football and I don't follow it as much, but I've heard of Cruijf style (I grew up in North Africa) ^_^
      I meant by "football" in North America "super ball". It has its own style and game (and more on the Neanderthal side lol) but I can't help but feel it's lacking the technique and finesse of football.

  • @otiamaino2461
    @otiamaino2461 2 ปีที่แล้ว

    💀I’m like 2 years late to the party but this is still gold

  • @WagonLoads
    @WagonLoads 7 หลายเดือนก่อน

    I don't know if you covered this in any of your videos, but what I need is a way to use AJAX to auto update an image from a sequence of digits, and feed the results into a image display ...
    My source outputs both strings and JSON...
    I want the result page to be a (NO CLICK) (NO META TAG) auto update display.
    Example:
    $string = $temperature; // "70.397"
    // parse the string into separate digits(including decimal point) and feed it into

  • @ashraffouad
    @ashraffouad ปีที่แล้ว

    Thanks Ania, well explained.

  • @whatnothin1401
    @whatnothin1401 3 ปีที่แล้ว

    The greatest teacher!

  • @rishabkumar9578
    @rishabkumar9578 3 ปีที่แล้ว +2

    Amazing Ania!

  • @danieldelfresno
    @danieldelfresno 3 ปีที่แล้ว

    Finally this stuff is making sense to me... and is going to be really useful. Thanks Ania.

  • @rajangiri8821
    @rajangiri8821 3 ปีที่แล้ว

    Please make a video on canvas image customiser with JavaScript library or with fiber js.

  • @vivekanand5900
    @vivekanand5900 2 ปีที่แล้ว

    Wow I just learn lots of things here..do you have any course for complete web development?

  • @ianclarke1683
    @ianclarke1683 ปีที่แล้ว

    excellent clear and complete, thank you

  • @mackensonreginaldmichel399
    @mackensonreginaldmichel399 2 ปีที่แล้ว

    Nice video. Thanks a bunch. But why did you not use responseText? And what are headers please?

  • @arjunmuralidharan8528
    @arjunmuralidharan8528 3 ปีที่แล้ว

    You are a great teacher

  • @EzsnippatWeber
    @EzsnippatWeber 2 ปีที่แล้ว

    Your my javascript crush😂

  • @messaoudhoussem2473
    @messaoudhoussem2473 3 ปีที่แล้ว

    Thank you my best teacher

  • @appsenence9244
    @appsenence9244 2 ปีที่แล้ว

    Amazing subscribed today and already watched several of your videos. All of them are just so good:))

  • @Stevengdev
    @Stevengdev ปีที่แล้ว

    I like the way you teach!!!

  • @fuesto
    @fuesto 3 ปีที่แล้ว +1

    Awesome Ania, thank you for your time and your qualitywise tutorials. Personally i have learned a lot and I do really like your approach in every concept. Without sounding ungrateful do you think sometime in the future make a series or a video about algorithms, like solving some from Codewars from novice to more advanced with the same approach you use so far. Thank you again and have a great week :) :)

  • @shahwaizali4336
    @shahwaizali4336 3 ปีที่แล้ว

    Ania, wonderful, I want to learn complete Js, is it possible you guide me, are provide me complete tutorial

  • @miguelcoding3568
    @miguelcoding3568 2 ปีที่แล้ว

    Thanks Ania!, I really apreciate that content.

  • @rasibn
    @rasibn ปีที่แล้ว

    Thank you for this lovely video!

  • @nishilfaldu4083
    @nishilfaldu4083 3 ปีที่แล้ว

    Could you please make a video explaining what APIs are because they are not always a JSON object right ? I would really appreciate even if you direct me to a good video that explains APIs. Thank you for all that you do🙂

  • @kushaldas5313
    @kushaldas5313 2 ปีที่แล้ว

    this is a great video , you have explained very well

  • @adonsav
    @adonsav ปีที่แล้ว

    Thanks a lot, very nice and neat explanation. Keep up the good work!

  • @plxcxs5855
    @plxcxs5855 2 ปีที่แล้ว

    love your vids they helped alot and are super fun, thank you Ania

  • @Therealburds
    @Therealburds 3 ปีที่แล้ว +2

    you have a very good input. 😂 thank you

  • @chio3112
    @chio3112 3 ปีที่แล้ว +2

    Brilliant, can't wait for another video!

  • @carterpaul2688
    @carterpaul2688 2 ปีที่แล้ว

    I come here for ASMR. Best voice

  • @kingab469
    @kingab469 3 ปีที่แล้ว

    You look like Harmony but sound like Sophia from Hansome Robotics. Great tutorial.

  • @leviuzodike9061
    @leviuzodike9061 2 ปีที่แล้ว

    Cool video, just wondering, is there a reason for the beginning of the video playing again at the end(20:22), or is it just a mistake?

  • @ygr4943
    @ygr4943 7 หลายเดือนก่อน +1

    شكرا

  • @unkn0wnrge189
    @unkn0wnrge189 3 ปีที่แล้ว +5

    Where I work the front-end developers use Axios to consume microservices.

    • @aniakubow
      @aniakubow  3 ปีที่แล้ว +2

      Yes, this has now been pretty much replaced by fetch and axios - but it’s good to know ! Especially the part about inspecting pages :)

    • @unkn0wnrge189
      @unkn0wnrge189 3 ปีที่แล้ว +2

      @@aniakubow That's why I love your videos, I love vanilla javascript, I love see things by scratch. Thank always for such videos.

    • @HELLNAWW
      @HELLNAWW 3 ปีที่แล้ว +1

      Axios and Fetch and HttpModule in Angular are good alternatives to AJAX. I believe they essentially use AJAX under the hood though I'm not positive on that.

    • @unkn0wnrge189
      @unkn0wnrge189 3 ปีที่แล้ว +1

      @@HELLNAWW I prefer using vanilla js with ajax, but unfotunantely the companies normally require use of those tech like axios and fetch. Honestly in my opinion doesnt really matter since you solve the problem, but for them it matters.

    • @HELLNAWW
      @HELLNAWW 3 ปีที่แล้ว

      @@unkn0wnrge189 We need a video example on how to do each of these different ways to access an API through Javascript. At least the most popular ones. I've always done backend so AJAX blows my mind.

  • @rangabharath4253
    @rangabharath4253 3 ปีที่แล้ว

    Awesome as always Ania 👍😎

  • @charnel-tl
    @charnel-tl 3 ปีที่แล้ว

    Thanks for awesome explanation. Helpful and clear.

  • @zordmax
    @zordmax 3 ปีที่แล้ว

    Tnx Ania very useful video but what difference between XMLHttpRequest and Fetch? What better to use?

  • @davidruiz3616
    @davidruiz3616 3 ปีที่แล้ว +1

    Thanks for learn I love

  • @dev_apostle
    @dev_apostle 3 ปีที่แล้ว

    love it, excellently explained

  • @konstantinstefanov365
    @konstantinstefanov365 3 ปีที่แล้ว

    Great video, great explanation. Thanks!