Async JavaScript Part 1: What is AJAX?

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

КОМЕНТАРІ • 237

  • @girabbit
    @girabbit 2 роки тому +61

    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.

  • @sahilaujla
    @sahilaujla 3 роки тому +7

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

  • @Working800
    @Working800 3 роки тому +3

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

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

  • @alexjuniortupapa
    @alexjuniortupapa Місяць тому

    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.

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

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

  • @ahmadalharbi9097
    @ahmadalharbi9097 3 роки тому +3

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

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

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

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

  • @BenedictSebastian-tt9vd
    @BenedictSebastian-tt9vd 2 місяці тому

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

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

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

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

  • @petrraisigl5454
    @petrraisigl5454 Рік тому

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

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

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

    Epic explanation ❤

  • @adhoccerswings
    @adhoccerswings 10 місяців тому

    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:

  • @nhanth
    @nhanth 3 роки тому +11

    100k subscribers is not too far ahead ; )

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

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

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

    love u, your teaching, and your accent

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

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

    I really like your mini series! thanks!

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

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

  • @vinaykanth-s
    @vinaykanth-s 3 роки тому +2

    Eagerly waiting for the next set of videos in this series

  • @Jimbob2k
    @Jimbob2k 3 роки тому +3

    You have been making some great vids lately

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

      thanks so much Sunil!

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

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

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

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

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

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

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

  • @Fine-LivingSoul
    @Fine-LivingSoul 3 роки тому

    You are simply too Good for me as a Teacher 🌹

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

  • @se-vs7sg
    @se-vs7sg 3 роки тому +2

    Very nicely done video and great explanation and all. Subbed

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

    Thanks Ania , I liked your video

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

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

  • @mostafamahmoud7852
    @mostafamahmoud7852 Рік тому

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

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

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

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

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

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

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

  • @kholahchoudhary637
    @kholahchoudhary637 8 місяців тому

    Absolutely brilliant !!! You are a saviour!

  • @RahulKumar-ng8rs
    @RahulKumar-ng8rs 9 місяців тому

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

  • @ssumit196
    @ssumit196 3 роки тому +3

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

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

    I love the way you teach. It is enjoyable.

  • @hananfadah
    @hananfadah Рік тому

    Thank you so much for covering this topic so well!

  • @kidjanno5317
    @kidjanno5317 6 місяців тому

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

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

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

  • @johnniewalkerjohnniewalker2459

    thank you Ania.This video was really helpful.

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

    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?

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

    Amazing Ania!

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

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

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

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

  • @zamirshams3430
    @zamirshams3430 Рік тому

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

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

  • @lisakrause8944
    @lisakrause8944 3 роки тому +3

    This is sooooo helpful THANK YOU !!!

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

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

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

  • @Uncaught_in_promise
    @Uncaught_in_promise 3 роки тому +6

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

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

    Thanks Ania!, I really apreciate that content.

  • @adonsav
    @adonsav Рік тому

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

  • @ashraffouad
    @ashraffouad Рік тому

    Thanks Ania, well explained.

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

    Awesome as always Ania 👍😎

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

    Mi piace molto il tuo modo di spiegare. Brava

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

    Brilliant, can't wait for another video!

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

    The greatest teacher!

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

    Gradually making sense of this.

  • @Ipadstands
    @Ipadstands Місяць тому

    Informative and entertaining!
    Albeit you snuck in a new Havascriot Fetch API. You should have explained it a little.

  • @WagonLoads
    @WagonLoads 8 місяців тому

    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

  • @matt.mattox3518
    @matt.mattox3518 3 роки тому

    Thanks again for another great video:) Of course I subbed! I encourage all others to as well as she has great content and tutorials.

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

    Do videos on promises 🎉🎉

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

    this is a great video , you have explained very well

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

    excellent clear and complete, thank you

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

  • @rasibn
    @rasibn Рік тому

    Thank you for this lovely video!

  • @rawahapool
    @rawahapool Рік тому

    Ania, do you know you are a wonderful instructor?

  • @Stevengdev
    @Stevengdev Рік тому

    I like the way you teach!!!

  • @charnel-tl
    @charnel-tl 3 роки тому

    Thanks for awesome explanation. Helpful and clear.

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

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

    Great video, great explanation. Thanks!

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

    love it, excellently explained

  • @Politico_Intent
    @Politico_Intent Рік тому

    While going through the videos as I code, along, I noticed that I had to add 'common' to the countryCard.innerHTML = country.name.common; and use addEventListener to display the actual names of the countries instead of arrays when I clicked 'Show Countries'.
    My question is, is this the default behavior, or does it depend on the browser? Because it worked seamlessly for you, to display the country names but I had to add those particular codes.

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

    You are a great teacher

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

    GO Ania! Thank you sooooo much!

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

    Thank you or the video. Do I need to have a server for that? if yes, what kind of?

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

    Thank you my best teacher

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

    you have a very good input. 😂 thank you

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

    Awesome content 👍

  • @mikeira
    @mikeira Рік тому

    You explain things so well, thank you! Btw you look like a beautiful elf but I´m sure you know it already

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

    Your my javascript crush😂

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

    You are awesome. Keep it On!

  • @galaxybrainjimmy1520
    @galaxybrainjimmy1520 Рік тому

    how to addeventlistener for 2 html page with only one external java script?

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

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

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

    Is JSON.parse the same as this.responseText?? If not, what's the difference? When to use either?

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

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

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

    This is a throwback to 2006!