What Is Ajax?
Vložit
- čas přidán 3. 03. 2016
- 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... - Věda a technologie
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.
Oh I like the pun
Andrew Facchiano Amen to that!
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.
@@jorgelionel4241 this question is so insanely stupid
the beginning was really helpful, i lost you once you started writing code
word
😂😂😂😂😂i was ...
Yeah
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.
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!
Your videos get straight to the point, unlike any other tutorial ever! Keep them coming 😃
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.
Brilliant tutorial. The most simple yet complete introduction to Ajax I have ever come across.
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. :)
I like short and straight content and that's exactly what you just delivered to us! Hoping to see this channel grow !
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!
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.
Welcome back mate, glad to see more videos from you glorious channel =)
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.
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!?
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) ✌️
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.
Glad you're back
Man you're awesome ! I'm student in development and I love all video's you've made. Rest Api also great !
These are really helpful videos -- at the right level of detail and easy to understand. Thanks for the effort it took to make these.
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!
glad to see you back! your videos are awesome. Keep it up.
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!!
This video was surprisingly digestible and informative, thanks!
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.
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!
best way of explanation man !! love to hear more from you : )
You've made me so happy today! My learning curve is getting sliced in half!
WHAT? WHY!? I was anxiously waiting on his Part 2 of the "Web Presence"!! His videos were awesome!
this video is updated on March of last year. So long time, maybe he quitted. :(
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
tremendous information density! I'm three years late on seeing this but great presentation
Absolutely fantastic video! Thank you!
I hope you continue to make these videos, they are awesome! :)
Upload videos more often! They are great!
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.
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
awesome.
thanks for the concise answer.
well thought out and structured video - respect!
you are a rapper..! :)
Great tutorials bro, Congratulations. You have won yourself a new subscriber.
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.
I agree, pretty fast paced.
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
're absolutely right. The idea and info are ok but the speed is driving me nuts
Use the pause key
Nice to see you again.
I feel like this guy's head might just explode at any moment....especially when he gets to talking super fast.
Gotta give thanks for CZcams allowing me to play this at 0.5 and 0.75 speed. Very informative though.
Great channel, subscribed. Keep making content!
Insanely helpful, thank you!
you are great at explaining what thing are. thanks
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?
Thank you for the videos! :) You deserve more subs and views!
I like fast paced videos. Thank u
Absolutely nailed it! Great explanation :)
so fast, so accurate, so good !!
Very nice and clear explanation!
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.?
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?
what text editor do u use for this video?
pretty clean with demonstration
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.
The becomes $('#images').data('url'), is it due to the hyphen?
best AJAX tutorial I've ever seen!
AWESOME EASY EXPLANATION! 🔥THANKS, A LOT!!! 👍🏽
The first few minutes of the video was pretty clear, being a beginner couldn't catch up the speed after the that.
What editor are you using here?
Great video! How long did it take you to learn to do things like this? I am just starting and this seems so complex.
Awesome explanations!
hey, this is good stuff here. yo should consider uploading more frequently.
Very nice guide. Now I can improve my site ^^
Are you using Emmet in Visual Studio?
Woah you are very smart by coming across this method 😮
Just fantastic. Thank you.
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?
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?
Great, Your back to making new videos
YES HE IS BACK! SO MUCH HAPPY!
Hi dude,
pls keep on upload videos.
What's the Editor's name you're working with?
Great tutorial. just what i was searching.. Thank you soo much.. 👍
Is a instagram api needs a special permission to fetch a data for my instagram app id.? because my data array is empty.
The way you edit these videos helps me understand this information so much more, thank you for explaining it in the way you do :)
This video was fantastic! I understood about 30% bc i'm a beginner, but great video nonetheless!!!!
Awesome video
Great Explanation !
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!!
Thanks, super clear
thanks man))
U are really cool orator and teacher+
Hey, these are great videos. Wow
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!
What does 'p' stands for in jsonp ?
Also is it possible to make a post request using ajax ?
great tutorial btw..
Nice, didn't know about JSON P and that it's a way to avoid the x domain issues.
This video is very nice.
Is that instagram API still available??
Very informative thanks! Going 1000mph though so maybe bringing it down just a tad would help some. Thanks again!
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!
Hi like your tutorials. Please make more. Maybe on SharePoint and Angular? Cheers from Romania!
What is the text editor you used in this video? Is there a better alternative?
+Apu B PhpStorm. Its built in debugger makes alternatives such as sublime text or vim a non starter in my opinion.
***** Thank u. Will use it
WebConcepts isn't it intellij JavaScript ide ?
great video
Excellent video tutorial, but a tad fast... wish you would create a series targeted for beginners at a slower pace... thanks!
Nice video. So your next one is going to be in 2020?🤔🤔
Hi great video, is the source still available?
Good video!
i don't know if you were very fast so i couldn't understand, or i'm too beginner in order to understand all :v
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!
So is ajax client side rendering or server side rendering
client side