Тёмный

Async JavaScript Part 1: What is AJAX? 

Code with Ania Kubów
Подписаться 426 тыс.
Просмотров 121 тыс.
50% 1

Опубликовано:

 

22 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 231   
@girabbit
@girabbit 2 года назад
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 года назад
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 года назад
My first tech reunion was on wednesday 16 and this is something they tell us to look at, perfect timing
@sahilaujla
@sahilaujla 3 года назад
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 года назад
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 Год назад
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.
@tedspens
@tedspens 2 года назад
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 года назад
Thanks so much! It’s comments like these that make it all worth while 🥰
@AmirSiami
@AmirSiami Год назад
wow I just love the way you're teaching. So smooth, so confident. You're the best.
@HELLNAWW
@HELLNAWW 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.
@rageofstate2695
@rageofstate2695 3 года назад
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 💚
@ahmadalharbi9097
@ahmadalharbi9097 3 года назад
Thank you Ania , You made ajax simple for me , looking forward to your next video about ASYNC
@strategy_gal
@strategy_gal 3 года назад
This is a great tutorial! I've always been curious about AJAX and I'm glad I found your video. Thanks for sharing!
@Averyd87
@Averyd87 2 года назад
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 Год назад
thanks was wondering 😆
@gideonetowa9075
@gideonetowa9075 Год назад
Thanks. it gave a bit of a hard time 😃
@donidewit
@donidewit Год назад
Thank you very much! Appreciated!
@sagardeka2158
@sagardeka2158 3 года назад
love u, your teaching, and your accent
@aniakubow
@aniakubow 3 года назад
Thank you! 😃
@petrraisigl5454
@petrraisigl5454 Год назад
This is 100 times better than my JS class in college lol, amazing job!
@nhanth
@nhanth 3 года назад
100k subscribers is not too far ahead ; )
@jackdanksterdawson112
@jackdanksterdawson112 Год назад
You are such an Angel Ania, your teaching style and narration is spectacular! Thanks for everything you do! Love you♥
@adhoccerswings
@adhoccerswings 7 месяцев назад
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:
@markslima1557
@markslima1557 2 года назад
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!
@micharozek3046
@micharozek3046 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 года назад
Dziękuje ślicznie! 😊
@micharozek3046
@micharozek3046 3 года назад
@@aniakubow Aniu proszę podziel się sekretem jak można nauczyć się angielskiego żeby mówić jak Ty ? :D
@onestepwebdev
@onestepwebdev 3 года назад
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.
@devine_noise
@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'
@jpkeys6000
@jpkeys6000 Год назад
I was driving myself nuts after getting: [object].THANK YOU! Also, how did you find out?
@donidewit
@donidewit Год назад
Thank you, much appreciated!
@gamebred6995
@gamebred6995 11 месяцев назад
Epic explanation ❤
@Swift_Alvar
@Swift_Alvar 3 года назад
I really like your mini series! thanks!
@vinaykanth-s
@vinaykanth-s 3 года назад
Eagerly waiting for the next set of videos in this series
@Jimbob2k
@Jimbob2k 3 года назад
You have been making some great vids lately
@aniakubow
@aniakubow 3 года назад
thanks so much Sunil!
@ZurioSi
@ZurioSi 3 года назад
Amazing video as I expected!. Can't wait to see the other parts.
@parsmicrosystem8523
@parsmicrosystem8523 3 года назад
Thanks Ania , I liked your video
@Fine-LivingSoul
@Fine-LivingSoul 2 года назад
You are simply too Good for me as a Teacher 🌹
@corneliusisaac6539
@corneliusisaac6539 3 года назад
Gradually making sense of this.
@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!
@ssumit196
@ssumit196 3 года назад
thanks Ania, I hope you'll do a bit of *fetch & axios* in your upcoming videos.
@aniakubow
@aniakubow 3 года назад
Sure will be ! :)
@trtlphnx
@trtlphnx 3 года назад
I Can Actually Use AJAX And Have, Very Nice Present My UNIX Based Minx; Love You and Your Work ~
@MrLucaslucal
@MrLucaslucal Год назад
This is very useful, loved the ease you have to explain thank you very much Ania 🎉❤
@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.
@RahulKumar-ng8rs
@RahulKumar-ng8rs 7 месяцев назад
THank you ma'am, really simple and fun to understand.
@lisakrause8944
@lisakrause8944 3 года назад
This is sooooo helpful THANK YOU !!!
@se-vs7sg
@se-vs7sg 3 года назад
Very nicely done video and great explanation and all. Subbed
@juliocalero8942
@juliocalero8942 3 года назад
Excellent example of ajax, the first video of yours that I see and it is very cool. Greetings from LATAM
@nabeelnajeeb8
@nabeelnajeeb8 2 года назад
Thank you so so much for this explanation. This cleared up so many things for me within just 20 mins. Highly appreciated.
@kholahchoudhary637
@kholahchoudhary637 6 месяцев назад
Absolutely brilliant !!! You are a saviour!
@hananfadah
@hananfadah 10 месяцев назад
Thank you so much for covering this topic so well!
@dakotafabro5741
@dakotafabro5741 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 😊
@paolobattiloro947
@paolobattiloro947 3 года назад
Mi piace molto il tuo modo di spiegare. Brava
@mauroymgch339
@mauroymgch339 3 года назад
Great! Best and beautiful webdev teacher ever!
@johnniewalkerjohnniewalker2459
thank you Ania.This video was really helpful.
@FunIsGoingOn
@FunIsGoingOn 3 года назад
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 года назад
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.
@subhodeepbasak9092
@subhodeepbasak9092 Год назад
Awesome tutorial Ania!...you just cleared all my doubts.
@lobakku
@lobakku 2 года назад
I love the way you teach. It is enjoyable.
@Uncaught_in_promise
@Uncaught_in_promise 3 года назад
Also struggling to wrap my head around AJAX. As well as AJAX interacting with JSON
@afretoon
@afretoon 3 года назад
Very useful explanation about ajax, I'm waiting for more of this kind of videos 👍👌
@zamirshams3430
@zamirshams3430 Год назад
cool, now im dominant on using api, thank you so much
@ashraffouad
@ashraffouad Год назад
Thanks Ania, well explained.
@rishabkumar9578
@rishabkumar9578 3 года назад
Amazing Ania!
@kaly3877
@kaly3877 2 года назад
These videos are awesome! Doing a much job of stepping through content than my uni lectures 😭
@kidjanno5317
@kidjanno5317 4 месяца назад
I have an exam tommorow about this, My teacher didn't explain it very well i am so greatful for these video's
@ianclarke1683
@ianclarke1683 Год назад
excellent clear and complete, thank you
@chio3112
@chio3112 3 года назад
Brilliant, can't wait for another video!
@danieldelfresno
@danieldelfresno 3 года назад
Finally this stuff is making sense to me... and is going to be really useful. Thanks Ania.
@mwalecz
@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.
@LilyChou-d4w
@LilyChou-d4w 8 месяцев назад
thanks for sharing!
@plxcxs5855
@plxcxs5855 2 года назад
love your vids they helped alot and are super fun, thank you Ania
@miguelcoding3568
@miguelcoding3568 2 года назад
Thanks Ania!, I really apreciate that content.
@whatnothin1401
@whatnothin1401 3 года назад
The greatest teacher!
@prudhvichinnam1488
@prudhvichinnam1488 3 года назад
Do videos on promises 🎉🎉
@appsenence9244
@appsenence9244 2 года назад
Amazing subscribed today and already watched several of your videos. All of them are just so good:))
@adonsav
@adonsav Год назад
Thanks a lot, very nice and neat explanation. Keep up the good work!
@rawahapool
@rawahapool Год назад
Ania, do you know you are a wonderful instructor?
@travistubbs2182
@travistubbs2182 2 года назад
This is a throwback to 2006!
@arjunmuralidharan8528
@arjunmuralidharan8528 3 года назад
You are a great teacher
@Stevengdev
@Stevengdev Год назад
I like the way you teach!!!
@rasibn
@rasibn 11 месяцев назад
Thank you for this lovely video!
@messaoudhoussem2473
@messaoudhoussem2473 3 года назад
Thank you my best teacher
@kushaldas5313
@kushaldas5313 2 года назад
this is a great video , you have explained very well
@ravronz9677
@ravronz9677 3 года назад
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.
@dev_apostle
@dev_apostle 2 года назад
love it, excellently explained
@rangabharath4253
@rangabharath4253 3 года назад
Awesome as always Ania 👍😎
@WagonLoads
@WagonLoads 6 месяцев назад
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
@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
@tomastognozzijamkosian4127
@tomastognozzijamkosian4127 3 года назад
Ajax is the best Netherlands football team😂
@unereplicante3321
@unereplicante3321 3 года назад
I read it as "Ajax is the best Neanderthal football team". And the World needs this!
@tomastognozzijamkosian4127
@tomastognozzijamkosian4127 3 года назад
@@unereplicante3321 haha. I would never say that to a Cruyffist team like Ajax.
@unereplicante3321
@unereplicante3321 3 года назад
@@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 года назад
@@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 года назад
@@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.
@fuesto
@fuesto 3 года назад
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 :) :)
@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?
@charlottelopez7138
@charlottelopez7138 3 года назад
Thanks for awesome explanation. Helpful and clear.
@konstantinstefanov365
@konstantinstefanov365 2 года назад
Great video, great explanation. Thanks!
@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.
@Therealburds
@Therealburds 3 года назад
you have a very good input. 😂 thank you
@mgusa9372
@mgusa9372 2 года назад
GO Ania! Thank you sooooo much!
@EzsnippatWeber
@EzsnippatWeber 2 года назад
Your my javascript crush😂
@mackensonreginaldmichel399
@mackensonreginaldmichel399 2 года назад
Nice video. Thanks a bunch. But why did you not use responseText? And what are headers please?
@davidruiz3616
@davidruiz3616 3 года назад
Thanks for learn I love
@tomsantos220
@tomsantos220 2 года назад
adorei sua aula !!!
@mikeira
@mikeira Год назад
You explain things so well, thank you! Btw you look like a beautiful elf but I´m sure you know it already
@erwin_jesus
@erwin_jesus 3 года назад
Nice tutorial!!!! thank you!
@Glavin883
@Glavin883 10 месяцев назад
Really good - just a question about innerHTML, isn’t this discouraged because of injection? The name could be any range of HTML which could include scripts, as far as I understand. Maybe it sanitizes it now.
@kingab469
@kingab469 3 года назад
You look like Harmony but sound like Sophia from Hansome Robotics. Great tutorial.
@vivekanand5900
@vivekanand5900 2 года назад
Wow I just learn lots of things here..do you have any course for complete web development?
@mackensonreginaldmichel399
@mackensonreginaldmichel399 2 года назад
Thank you or the video. Do I need to have a server for that? if yes, what kind of?
@otiamaino2461
@otiamaino2461 2 года назад
💀I’m like 2 years late to the party but this is still gold
@swosisows
@swosisows 2 года назад
Thank you for this! Super cool video! A+++
@unkn0wnrge189
@unkn0wnrge189 3 года назад
Where I work the front-end developers use Axios to consume microservices.
@aniakubow
@aniakubow 3 года назад
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 года назад
@@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 года назад
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 года назад
@@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.
Далее
Async JavaScript Part 2: Async vs Sync Explained!
6:32
Fake Referee Whistle Moments 😅
00:38
Просмотров 8 млн
Меня знают уже все соседи😅
00:34
aespa 에스파 'Whiplash' MV
03:11
Просмотров 17 млн
JSON and AJAX Tutorial: With Real Examples
40:45
Просмотров 1,8 млн
JavaScript Promises Crash Course
24:03
Просмотров 37 тыс.
Callbacks in JavaScript Explained!
14:03
Просмотров 153 тыс.
What Is Ajax?
10:03
Просмотров 324 тыс.
5 JavaScript Concepts You HAVE TO KNOW
9:38
Просмотров 1,4 млн
AJAX Crash Course (Vanilla JavaScript)
1:09:43
Просмотров 725 тыс.
Build a Web Scraper (super simple!)
23:26
Просмотров 956 тыс.
JavaScript Visualized - Promise Execution
8:42
Просмотров 169 тыс.