Async JavaScript Part 1: What is AJAX?
Вставка
- Опубліковано 26 сер 2024
- Click here for Video Sponsors: cast.ai/codewi...! CAST AI. CAST AI offer AI-driven cloud optimization for Kubernetes, instantly cutting your cloud bill, preventing downtime, and offer 10X the power of DevOps.
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
___
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: bit.ly/tabnine-...
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-cr...
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoff...
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow
#codingbootcamp #coding
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 👏👏👏
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.
I am trying to wrap my head around AJAX and at the right time your video comes to save my life
waiting for it!!
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!
My first tech reunion was on wednesday 16 and this is something they tell us to look at, perfect timing
100k subscribers is not too far ahead ; )
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"
thanks was wondering 😆
Thanks. it gave a bit of a hard time 😃
Thank you very much! Appreciated!
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! 🎓 👍🏻
Thanks so much! It’s comments like these that make it all worth while 🥰
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.
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.
Thank you for such a clear explanation of a concept I had trouble fully grasping. Now it makes complete sense.
Thanks for watching 💚
This is a great tutorial! I've always been curious about AJAX and I'm glad I found your video. Thanks for sharing!
wow I just love the way you're teaching. So smooth, so confident. You're the best.
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'
I was driving myself nuts after getting: [object].THANK YOU! Also, how did you find out?
Thank you, much appreciated!
Thank you Ania , You made ajax simple for me , looking forward to your next video about ASYNC
love u, your teaching, and your accent
Thank you! 😃
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!
Oprócz kodowania to chciałbym tak super posługiwać się angielskim jak Ty :D Cudownie brzmisz, wyglądasz i kodujesz!
Dziękuje ślicznie! 😊
@@aniakubow Aniu proszę podziel się sekretem jak można nauczyć się angielskiego żeby mówić jak Ty ? :D
You are such an Angel Ania, your teaching style and narration is spectacular!
Thanks for everything you do!
Love you♥
I really like your mini series! thanks!
THank you ma'am, really simple and fun to understand.
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.
thanks for sharing!
Thanks Ania , I liked your video
Amazing video as I expected!. Can't wait to see the other parts.
Eagerly waiting for the next set of videos in this series
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:
This is 100 times better than my JS class in college lol, amazing job!
Absolutely brilliant !!! You are a saviour!
This is very useful, loved the ease you have to explain thank you very much Ania 🎉❤
I have an exam tommorow about this,
My teacher didn't explain it very well i am so greatful for these video's
Gradually making sense of this.
Also struggling to wrap my head around AJAX. As well as AJAX interacting with JSON
thank you Ania.This video was really helpful.
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!
cool, now im dominant on using api, thank you so much
Very nicely done video and great explanation and all. Subbed
Ajax is the best Netherlands football team😂
I read it as "Ajax is the best Neanderthal football team".
And the World needs this!
@@unereplicante3321 haha. I would never say that to a Cruyffist team like Ajax.
@@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 )
@@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?
@@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.
You have been making some great vids lately
thanks so much Sunil!
you are amazing ANIA thank you for the amazing explanation. mostafa from egypt.
thanks Ania, I hope you'll do a bit of *fetch & axios* in your upcoming videos.
Sure will be ! :)
I Can Actually Use AJAX And Have, Very Nice Present My UNIX Based Minx; Love You and Your Work ~
Where I work the front-end developers use Axios to consume microservices.
Yes, this has now been pretty much replaced by fetch and axios - but it’s good to know ! Especially the part about inspecting pages :)
@@aniakubow That's why I love your videos, I love vanilla javascript, I love see things by scratch. Thank always for such videos.
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.
@@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.
@@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.
Thank you so so much for this explanation. This cleared up so many things for me within just 20 mins. Highly appreciated.
simply put you wrote async concept in my mind forever! Thank you Ania
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. ^^
Thanks so much for sharing Chris 💚. And thanks as well for watching - I’m so honoured 😊
@@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.
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.
Thank you so much, Ania! Your videos are so helpful and so easy to follow along with. I enjoy watching and learning from you 😊
This is sooooo helpful THANK YOU !!!
Epic explanation ❤
Thank you so much for covering this topic so well!
excellent clear and complete, thank you
Excellent example of ajax, the first video of yours that I see and it is very cool. Greetings from LATAM
You are simply too Good for me as a Teacher 🌹
Thanks Ania, well explained.
Amazing Ania!
Do videos on promises 🎉🎉
Very useful explanation about ajax, I'm waiting for more of this kind of videos 👍👌
Thank you for this lovely video!
I love the way you teach. It is enjoyable.
Great! Best and beautiful webdev teacher ever!
These videos are awesome! Doing a much job of stepping through content than my uni lectures 😭
Awesome tutorial Ania!...you just cleared all my doubts.
Finally this stuff is making sense to me... and is going to be really useful. Thanks Ania.
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
Mi piace molto il tuo modo di spiegare. Brava
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.
you have a very good input. 😂 thank you
Brilliant, can't wait for another video!
This is a throwback to 2006!
I like the way you teach!!!
شكرا
love your vids they helped alot and are super fun, thank you Ania
Thanks Ania!, I really apreciate that content.
Thanks a lot, very nice and neat explanation. Keep up the good work!
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
Thanks for learn I love
Amazing subscribed today and already watched several of your videos. All of them are just so good:))
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 :) :)
Your my javascript crush😂
Ania, do you know you are a wonderful instructor?
💀I’m like 2 years late to the party but this is still gold
You explain things so well, thank you! Btw you look like a beautiful elf but I´m sure you know it already
Thanks for awesome explanation. Helpful and clear.
thank you 🙏 !!!!!!
You're so welcome!
this is a great video , you have explained very well
The greatest teacher!
Thanks again for another great video:) Of course I subbed! I encourage all others to as well as she has great content and tutorials.
You are a great teacher
Thank you for this! Super cool video! A+++
Very well done.
Thank you my best teacher
Great video, great explanation. Thanks!
love it, excellently explained
great video
GO Ania! Thank you sooooo much!
Awesome as always Ania 👍😎
Thank you!
Thank you so much
You`re my hero
Please make a video on canvas image customiser with JavaScript library or with fiber js.