What Is Ajax?

In this video we take a look at how Twitter uses AJAX to refresh their timeline and spend some time talking about the javascript XMLHttpRequest object. Then we add an AJAX refresh to an application which pulls images from instagram. Finally when we hit a snag due to the browser same-origin policy we explore JSONP as an alternative to XHR.
The code used in this video is available here: github.com/jelled/geogram/tre...
Outro music:
"Rollin at 5 - electronic" Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0
creativecommons.org/licenses/b...

[@andrewfacchiano5117]

It's so refreshing to find programming videos that are more then a powerpoint or a raw screen-cast. Thank you for putting this together, I really enjoyed it and feel it's very useful.

[@Dexter101x]

Oh I like the pun

[@JenniferStewart100]

Andrew Facchiano Amen to that!

[@jorgelionel4241]

i know Im randomly asking but does any of you know a tool to get back into an Instagram account? I was stupid forgot my account password. I would appreciate any tips you can offer me.

[@markuslinke9206]

@@jorgelionel4241 this question is so insanely stupid

[@za012345678998765432]

the beginning was really helpful, i lost you once you started writing code

[@youvanced6593]

word

[@mopiko9742]

😂😂😂😂😂i was ...

[@fernandoventilari839]

Yeah

[@sunkeehong356]

You made SO MUCH SENSE. You have no idea how hard it is to find software tutorials that actually tries to understand the viewers and try to teach them. Thank you. Liked and subscribed.

[@garthtee]

Your videos get straight to the point, unlike any other tutorial ever! Keep them coming 😃

[@namenone8387]

I liked the way you teach and not just a boring talk like other on the internet. I am happy that I found your channel. please keep it coming. :)

[@aman7555]

Thank you for the video. So excited to see you you back. I really am a fan of the quality videos covering so much so quickly and yet keeping it simple. It's a great help.

[@krishnamohan2351]

I request you to do more of such videos. I know this might not pay you so much as your other occupations. But it really helps beginners like me all over the world... The way you explain everything is so neat. Please do more!

[@joaoooteixeira]

I like short and straight content and that's exactly what you just delivered to us! Hoping to see this channel grow !

[@kockgunner]

I love these videos! It's hard to find tutorials for people who are familiar with the terminology, but don't have experience putting it all together.

[@mubeeninamdar6573]

Brilliant tutorial. The most simple yet complete introduction to Ajax I have ever come across.

[@MoeFateh]

You need to make more tutorials! Yours are great and so easy to understand. You're able to demonstrate the concept super fast with clarity. Thank you!

[@ebragimovic]

Welcome back mate, glad to see more videos from you glorious channel =)

[@ComeAllYouWeary92]

Happy to see you uploading again! Been looking every now and again by more from you. Great content, you really break stuff down until its easy to get.

[@ManonHc]

Man you're awesome ! I'm student in development and I love all video's you've made. Rest Api also great !

[@aldialfarnando6813]

It's so refreshing to find programming videos that are more then a powerpoint or a raw screen-cast. Thank you for putting this together, I really enjoyed it and feel it's very useful. (2) ✌️

[@adamhughes4496]

This is such a high value video to me, thanks! I spent hours today debugging prod issues related to XHR without really knowing what they were. I've read/watched so much about how they work, but only here did you explain the "what/why". They are just requests that go out without being in the URL and changing the page shown in the browser. So simple - why did I have to search so long to find this!?

[@b0lasater]

These are really helpful videos -- at the right level of detail and easy to understand. Thanks for the effort it took to make these.

[@sumanthburla1703]

best way of explanation man !! love to hear more from you : )

[@LordShaxe]

glad to see you back! your videos are awesome. Keep it up.

[@AndredeWerdt]

Very nice video. Usual i skip ahead to get avoid the info for noobs but this video actually got me rewind a few times. Great Job !!!!!! Happy coder!!

[@PetterBruland]

Besides my drink being a bit warm, since I did not have ice cubes, which was a bit annoying, I had a great time watching this video. Thank you for your excellent communications skills.

[@jonfortner3167]

This has a lot of content and flies by pretty fast making it hard to absorb. Maybe it needs split up or you need less coffee before presenting :-) Your REST API video was paced a lot better.

[@Coreysnightout]

I agree, pretty fast paced.

[@TheLolgee]

Yeah I had a bit of a hard time keeping up as well, but I think that's due to my lack of knowledge with AJAX as a whole. With practice this may be a lot easier to process

[@drhboers]

're absolutely right. The idea and info are ok but the speed is driving me nuts

[@justinmaxwell4199]

Use the pause key

[@rhidlor8577]

This video was surprisingly digestible and informative, thanks!

[@DaKLang]

You've made me so happy today! My learning curve is getting sliced in half!

[@DaKLang]

WHAT? WHY!? I was anxiously waiting on his Part 2 of the "Web Presence"!! His videos were awesome!

[@gavinchan4627]

this video is updated on March of last year. So long time, maybe he quitted. :(

[@RocketLR]

I swear to god. If i hear or watch another tutorial with an incomprehensible accent and a potato microphone, I will blow my brains out! This channel is a life saver!

[@JustJohnny]

Hey man, you did a really good job with your videos. I wish you had kept going. I hope someone is paying you to make this kind of content for them.

[@MikeSharov]

I hope you continue to make these videos, they are awesome! :)

[@tshiamokomane1929]

Absolutely fantastic video! Thank you!

[@rks2868]

ppl who are saying its too fast..you'd be right , if we didn't have the ability to modify the playback speed. Easy fix, I'd probably hate the teacher if it wasn't for this. Now I love him, he's great. I'll give him the benefit of the doubt that he knew we could slow him down if we needed, and he could thus give an AWESOME presentation clocking in at barely 10 minutes. cheers

[@SoulJah876]

Gotta give thanks for KZbin allowing me to play this at 0.5 and 0.75 speed. Very informative though.

[@ivangodoy4593]

Upload videos more often! They are great!

[@MilesWilsondreamteam]

Glad you're back

[@khuselamphokeli7126]

Great tutorials bro, Congratulations. You have won yourself a new subscriber.

[@adecakasio6482]

awesome. thanks for the concise answer. well thought out and structured video - respect!

[@_mdan9304]

tremendous information density! I'm three years late on seeing this but great presentation

[@GhettoYhetti]

Really helpful especially for beginners (in the "wetting your appetite" sense). But one comment, "Dude decaf!" I think your subscribers would appreciate it if you had follow-on videos that explain this in more depth. But this was really good. I hit pause multiple times and rewind and play again several times. Thanks!

[@marcotaub]

best AJAX tutorial I've ever seen!

[@mystickid1]

You are amazing at explaining web concepts. Thank you for the great vid. I'm in a coding bootcamp and you really helped me understand the concept. Will you be contuninuing to do more web concept videos like on javascript, node, express, reactjs, etc?

[@valentindragos2397]

Thank you for the videos! :) You deserve more subs and views!

[@alvinlu1512]

Absolutely nailed it! Great explanation :)

[@irvinrules]

you are great at explaining what thing are. thanks

[@daviddonadze221]

I like fast paced videos. Thank u

[@kurianbenoy9369]

It was a bit fast , but also it explained AJAX to me in a real time way using Twitter example and you went on to add on things and we did a program too .Thanks

[@enigmareport]

Great channel, subscribed. Keep making content!

[@Harshanalluru_3]

you are a rapper..! :)

[@iTomAnks]

Insanely helpful, thank you!

[@AdamDeRidder]

I disagree with the comment that the pace is too fast. I love the fast pace. I would much rather do my own research on the parts that I don't understand than listen to someone explain something that I already know.

[@wpcustomize8070]

Nice to see you again.

[@jonkubik4185]

The way you edit these videos helps me understand this information so much more, thank you for explaining it in the way you do :)

[@cassiusspacetrain2852]

so fast, so accurate, so good !!

[@Rbn49]

Very nice and clear explanation!

[@travelblogger7102]

AWESOME EASY EXPLANATION! 🔥THANKS, A LOT!!! 👍🏽

[@timtitus7861]

I feel like this guy's head might just explode at any moment....especially when he gets to talking super fast.

[@TheEmperorFX]

Great, Your back to making new videos

[@soultouchingsongs]

Great tutorial. just what i was searching.. Thank you soo much.. 👍

[@trones9204]

Excellent explanation, but the concept is clear after the first minute and a half -- so that's really all I needed. I got a little lost in the middle (the implementation part) because I didn't have enough time to absorb the modifications you were making to your code. Maybe show us (with text) a short outline of the steps you are going to take so we can better follow along.

[@taoli2635]

Awesome explanations!

[@kobuslol]

Very nice guide. Now I can improve my site ^^

[@damonzh1886]

pretty clean with demonstration

[@AVSbeats]

Woah you are very smart by coming across this method 😮

[@martinboom01]

Just fantastic. Thank you.

[@dillonhansen71]

hey, this is good stuff here. yo should consider uploading more frequently.

[@macintush]

Hey, these are great videos. Wow

[@logeshlog1991]

Hi dude, pls keep on upload videos.

[@anoopsai2414]

The first few minutes of the video was pretty clear, being a beginner couldn't catch up the speed after the that.

[@sandipsubedi2294]

Great Explanation !

[@user-ec5cl5rz9r]

thanks man)) U are really cool orator and teacher+

[@dc9026]

Great video! How long did it take you to learn to do things like this? I am just starting and this seems so complex.

[@shupesmerga4694]

definitely not for somebody trying to learn Ajax for the first time. This is more life a refresher for pros. Started about basics, meaning and rough overview of AJax then BOOM!

[@license2Bort]

This video was fantastic! I understood about 30% bc i'm a beginner, but great video nonetheless!!!!

[@kobadg]

YES HE IS BACK! SO MUCH HAPPY!

[@mahlatsetshehla1801]

Awesome video

[@scottsmyth3251]

Thanks, super clear

[@ranikheir5272]

Have a small side question, the &callback technique you used, where else can we use it? Is it only for APIs that respond back with json data? PS: Already knew what AJAX is, but also had a feeling I'd learn something new if I watched this video, and I did! Which is why I always watch your videos :) Thanks!!

[@Competitiveforlolz]

Nice, didn't know about JSON P and that it's a way to avoid the x domain issues.

[@Gjacolby83]

This video is very nice.

[@MonciaakPL]

wow after one year of no response, finally waiting for web presence part 2 and more

[@webconcepts]

+MonciakMax Sorry for the delay. Free time has been at a premium lately. I'll do my best to get those other videos out as soon as I can.

[@aparup2515]

+WebConcepts Hey! What is the text editor you used in this video? Is there anything better?

[@stefanaleksik4896]

Hey supper tutorial. It helped me to understand the basics of AJAX. I have one question: Why did you put a questionmark for the callback instead of a function name?

[@ahmednaser372]

dude how long have you been a web developer? and what languages do u recommend to learn first as a new one? I want to be a developer but with solid foundation to design, so I have learned html+css, and now im learning bootstrap and some javascript, next i was thinking php and maybe jquery? or what do u recommend?

[@Mildimage]

Good video!

[@brianbrau4475]

He'll be back any day now

[@Rauleetoh]

no silly, Ajax is a cleaning solution I use to clean my toilets.

[@Ta9i]

why ?? it very useful

[@mza1409]

its also a name of a dutch football club

[@AjaxWallpapers]

@@mza1409 En niet zo maar een NL voetbalclub! Dé voetbalclub van Nederland!

[@um6091]

@@mza1409 and have won 4 CL

[@pashapetrosyan7336]

had to watch the "callback=?" part twice to fully understand, feel like I have a good grasp on this workaround. But still don't quite understand why it's so easily bypassed. Is same-origin policy even useful anymore since you can get around it so easily?

[@khalidelgazzar]

Nice video. So your next one is going to be in 2020?🤔🤔

[@atabish2]

What does 'p' stands for in jsonp ? Also is it possible to make a post request using ajax ? great tutorial btw..

[@MahmoudElaskare]

great video

[@256k_]

dude your videos are great although sometimes the information and speed of it can be a bit overwhelming but i get that you're trying to cram as much info in the shortest video length possible. i was trying to make a simple ajax post request to post to my twitter page, and it worked fine in postman but it gave me the allow origin thing error, though when i added the callback part like in your video nothing changed. (im trying to do it on codepen btw) so i dont really know wussup with that... i thought i understood ajax but holy molly was i mistaken!

[@aparup2515]

What is the text editor you used in this video? Is there a better alternative?

[@webconcepts]

+Apu B PhpStorm. Its built in debugger makes alternatives such as sublime text or vim a non starter in my opinion.

[@aparup2515]

***** Thank u. Will use it

[@amreshgiri4933]

WebConcepts isn't it intellij JavaScript ide ?

[@SimandanAdrian]

Hi like your tutorials. Please make more. Maybe on SharePoint and Angular? Cheers from Romania!

[@zanereeder125]

Very informative thanks! Going 1000mph though so maybe bringing it down just a tad would help some. Thanks again!

[@AnotherKentPaul]

What editor are you using here?

[@HeribertoRoman]

I thought AJAX was an old old wooden ship? lol JK great vid thanks!

[@mahdikarimi6467]

Wow awesome

[@Akshay190196]

Can you help us out with the smaller facts mentioned in this video like.. callback parameter ... api getting added to the page as script tag... Just for beginners.?

[@bqrkhn]

You should mention your Facebook and twitter links in the description.

[@anounTT]

Are you using Emmet in Visual Studio?

[@antoniodesousa1731]

Excellent video tutorial, but a tad fast... wish you would create a series targeted for beginners at a slower pace... thanks!

[@dwidwidwi210]

what text editor do u use for this video?

[@gauravpoudel7288]

you man! you are awesome

[@thomasjameson5761]

I'd like to note your missing a / in the closing script tag around 8:29. Not a big deal for the purposes of this vid though. Great tutorial!