Async JavaScript Part 1: What is AJAX?

In this video I explain what AJAX is, as well as show you how to use it with our own code example.

This video is part of a Asynchronous Javascript mini-series. next up:
Part 1: AJAX Explained
Part 2: Async vs Sync JavaScript
Part 3: Callbacks
Part 4: Promises
Part 5: Async and Await
___

You can also find me on:

#codingbootcamp​ #coding

[girabbit]

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 👏👏👏

[kenneth]

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]

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

waiting for it!!

[Working]

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

[Averyd]

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"

[harrismawardi]

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]

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.

[devine_noise]

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'

[tedspens]

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! 🎓 👍🏻

[HELLNAWW]

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.

[nhanth]

100k subscribers is not too far ahead ; )

[rageofstate]

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

[strategy_gal]

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

[kidjanno]

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

[AmirSiami]

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

[markslima]

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!

[ahmadalharbi]

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

[jackdanksterdawson]

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

[petrraisigl]

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

[mwalecz]

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.