What Is Ajax?

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 มี.ค. 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...
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 280

  • @andrewfacchiano5117
    @andrewfacchiano5117 7 ปีที่แล้ว +295

    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
      @Dexter101x 6 ปีที่แล้ว +2

      Oh I like the pun

    • @JenniferStewart100
      @JenniferStewart100 4 ปีที่แล้ว

      Andrew Facchiano Amen to that!

    • @jorgelionel4241
      @jorgelionel4241 2 ปีที่แล้ว

      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
      @markuslinke9206 2 ปีที่แล้ว

      @@jorgelionel4241 this question is so insanely stupid

  • @za012345678998765432
    @za012345678998765432 4 ปีที่แล้ว +60

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

  • @sunkeehong356
    @sunkeehong356 5 ปีที่แล้ว +5

    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
    @garthtee 8 ปีที่แล้ว +7

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

  • @aman7555
    @aman7555 8 ปีที่แล้ว +1

    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.

  • @namenone8387
    @namenone8387 7 ปีที่แล้ว +3

    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. :)

  • @joaoooteixeira
    @joaoooteixeira 5 ปีที่แล้ว +1

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

  • @kockgunner
    @kockgunner 8 ปีที่แล้ว +1

    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.

  • @ebragimovic
    @ebragimovic 8 ปีที่แล้ว +3

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

  • @mubeeninamdar6573
    @mubeeninamdar6573 8 ปีที่แล้ว +1

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

  • @krishnamohan2351
    @krishnamohan2351 8 ปีที่แล้ว +1

    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!

  • @MoeFateh
    @MoeFateh 8 ปีที่แล้ว +1

    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!

  • @ComeAllYouWeary92
    @ComeAllYouWeary92 8 ปีที่แล้ว

    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.

  • @MilesWilsondreamteam
    @MilesWilsondreamteam 8 ปีที่แล้ว +12

    Glad you're back

  • @b0lasater
    @b0lasater 7 ปีที่แล้ว

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

  • @LordShaxe
    @LordShaxe 8 ปีที่แล้ว

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

  • @sumanthburla1703
    @sumanthburla1703 4 ปีที่แล้ว +2

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

  • @aldialfarnando6813
    @aldialfarnando6813 6 ปีที่แล้ว

    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) ✌️

  • @ManonHc
    @ManonHc 7 ปีที่แล้ว +1

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

  • @adamhughes4496
    @adamhughes4496 3 ปีที่แล้ว

    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!?

  • @tshiamokomane1929
    @tshiamokomane1929 7 ปีที่แล้ว +1

    Absolutely fantastic video! Thank you!

  • @rhidlor8577
    @rhidlor8577 5 ปีที่แล้ว

    This video was surprisingly digestible and informative, thanks!

  • @iTomAnks
    @iTomAnks 5 ปีที่แล้ว +1

    Insanely helpful, thank you!

  • @PetterBruland
    @PetterBruland 6 ปีที่แล้ว

    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.

  • @MikeSharov
    @MikeSharov 8 ปีที่แล้ว

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

  • @SoulJah876
    @SoulJah876 5 ปีที่แล้ว +9

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

  • @ivangodoy4593
    @ivangodoy4593 8 ปีที่แล้ว

    Upload videos more often! They are great!

  • @mystickid1
    @mystickid1 7 ปีที่แล้ว +2

    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?

  • @DaKLang
    @DaKLang 7 ปีที่แล้ว +3

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

    • @DaKLang
      @DaKLang 7 ปีที่แล้ว +1

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

    • @gavinchan4627
      @gavinchan4627 7 ปีที่แล้ว

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

  • @AndredeWerdt
    @AndredeWerdt 7 ปีที่แล้ว

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

  • @alvinlu1512
    @alvinlu1512 5 ปีที่แล้ว

    Absolutely nailed it! Great explanation :)

  • @valentindragos2397
    @valentindragos2397 8 ปีที่แล้ว

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

  • @JustJohnny
    @JustJohnny 6 ปีที่แล้ว

    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.

  • @khuselamphokeli7126
    @khuselamphokeli7126 8 ปีที่แล้ว

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

  • @cassiusspacetrain2852
    @cassiusspacetrain2852 6 ปีที่แล้ว

    so fast, so accurate, so good !!

  • @Harshanalluru_3
    @Harshanalluru_3 7 ปีที่แล้ว +46

    you are a rapper..! :)

  • @adecakasio6482
    @adecakasio6482 2 ปีที่แล้ว

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

  • @daviddonadze221
    @daviddonadze221 6 ปีที่แล้ว

    I like fast paced videos. Thank u

  • @marcotaub
    @marcotaub 8 ปีที่แล้ว

    best AJAX tutorial I've ever seen!

  • @enigmareport
    @enigmareport 7 ปีที่แล้ว

    Great channel, subscribed. Keep making content!

  • @wpcustomize8070
    @wpcustomize8070 8 ปีที่แล้ว

    Nice to see you again.

  • @irvinrules
    @irvinrules 8 ปีที่แล้ว +1

    you are great at explaining what thing are. thanks

  • @_mdan9304
    @_mdan9304 4 ปีที่แล้ว

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

  • @jonfortner3167
    @jonfortner3167 7 ปีที่แล้ว +129

    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
      @Coreysnightout 6 ปีที่แล้ว +4

      I agree, pretty fast paced.

    • @TheLolgee
      @TheLolgee 6 ปีที่แล้ว +5

      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
      @drhboers 6 ปีที่แล้ว +2

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

    • @justinmaxwell4199
      @justinmaxwell4199 5 ปีที่แล้ว +3

      Use the pause key

  • @martinboom01
    @martinboom01 6 ปีที่แล้ว

    Just fantastic. Thank you.

  • @Rbn49
    @Rbn49 8 ปีที่แล้ว

    Very nice and clear explanation!

  • @taoli2635
    @taoli2635 8 ปีที่แล้ว

    Awesome explanations!

  • @travelblogger7102
    @travelblogger7102 6 ปีที่แล้ว

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

  • @RocketLR
    @RocketLR 7 ปีที่แล้ว

    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!

  • @timtitus7861
    @timtitus7861 7 ปีที่แล้ว +31

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

  • @damonzh1886
    @damonzh1886 4 ปีที่แล้ว

    pretty clean with demonstration

  • @rks2868
    @rks2868 7 ปีที่แล้ว

    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

  • @GhettoYhetti
    @GhettoYhetti 7 ปีที่แล้ว

    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!

  • @kurianbenoy9369
    @kurianbenoy9369 7 ปีที่แล้ว

    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

  • @sandipsubedi2294
    @sandipsubedi2294 7 ปีที่แล้ว

    Great Explanation !

  • @soultouchingsongs
    @soultouchingsongs 7 ปีที่แล้ว +1

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

  • @scottsmyth3251
    @scottsmyth3251 4 ปีที่แล้ว

    Thanks, super clear

  • @macintush
    @macintush 7 ปีที่แล้ว

    Hey, these are great videos. Wow

  • @kobadg
    @kobadg 8 ปีที่แล้ว

    YES HE IS BACK! SO MUCH HAPPY!

  • @TheEmperorFX
    @TheEmperorFX 8 ปีที่แล้ว

    Great, Your back to making new videos

  • @kobuslol
    @kobuslol 8 ปีที่แล้ว

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

  • @mahlatsetshehla1801
    @mahlatsetshehla1801 6 ปีที่แล้ว

    Awesome video

  • @AVSbeats
    @AVSbeats ปีที่แล้ว

    Woah you are very smart by coming across this method 😮

  • @Gjacolby83
    @Gjacolby83 8 ปีที่แล้ว

    This video is very nice.

  • @dillonhansen71
    @dillonhansen71 8 ปีที่แล้ว

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

  • @logeshlog1991
    @logeshlog1991 7 ปีที่แล้ว +4

    Hi dude,
    pls keep on upload videos.

  • @user-ec5cl5rz9r
    @user-ec5cl5rz9r 7 ปีที่แล้ว +1

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

  • @trones9204
    @trones9204 6 ปีที่แล้ว

    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.

  • @AdamDeRidder
    @AdamDeRidder 6 ปีที่แล้ว

    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.

  • @anoopsai2414
    @anoopsai2414 4 ปีที่แล้ว

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

  • @license2Bort
    @license2Bort 4 ปีที่แล้ว

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

  • @MahmoudElaskare
    @MahmoudElaskare 8 ปีที่แล้ว

    great video

  • @jonkubik4185
    @jonkubik4185 5 ปีที่แล้ว

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

  • @gauravpoudel7288
    @gauravpoudel7288 6 ปีที่แล้ว

    you man! you are awesome

  • @Mildimage
    @Mildimage 6 ปีที่แล้ว

    Good video!

  • @Competitiveforlolz
    @Competitiveforlolz 7 ปีที่แล้ว

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

  • @zanereeder125
    @zanereeder125 6 ปีที่แล้ว

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

  • @mahdikarimi6467
    @mahdikarimi6467 5 ปีที่แล้ว

    Wow awesome

  • @SimandanAdrian
    @SimandanAdrian 8 ปีที่แล้ว

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

  • @ranikheir5272
    @ranikheir5272 8 ปีที่แล้ว

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

  • @dc9026
    @dc9026 2 ปีที่แล้ว

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

  • @HazemAls
    @HazemAls 5 ปีที่แล้ว

    Perfect!

  • @ahmed-osama2022
    @ahmed-osama2022 ปีที่แล้ว

    Thanks a lot 😊

  • @shupesmerga4694
    @shupesmerga4694 4 ปีที่แล้ว

    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!

  • @brianbrau4475
    @brianbrau4475 4 ปีที่แล้ว +1

    He'll be back any day now

  • @stefanaleksik4896
    @stefanaleksik4896 7 ปีที่แล้ว

    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?

  • @HeribertoRoman
    @HeribertoRoman 7 ปีที่แล้ว +1

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

  • @khalidelgazzar
    @khalidelgazzar 4 ปีที่แล้ว

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

  • @256k_
    @256k_ 7 ปีที่แล้ว

    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!

  • @MonciaakPL
    @MonciaakPL 8 ปีที่แล้ว

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

    • @webconcepts
      @webconcepts  8 ปีที่แล้ว +8

      +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.

    • @aparup53
      @aparup53 8 ปีที่แล้ว

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

  • @ronaldfungss
    @ronaldfungss 2 ปีที่แล้ว

    Thanks a lot.

  • @antoniodesousa1731
    @antoniodesousa1731 6 ปีที่แล้ว

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

  • @nicolenew1708
    @nicolenew1708 ปีที่แล้ว +1

    THANK YOU

  • @suneelreddy5267
    @suneelreddy5267 7 ปีที่แล้ว

    awesome

  • @dannyisrael
    @dannyisrael 4 ปีที่แล้ว

    wow, nice

  • @ThePunisherBabi
    @ThePunisherBabi 8 ปีที่แล้ว +9

    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

  • @stefanschannel2577
    @stefanschannel2577 3 ปีที่แล้ว

    thanks nice Video m friend

  • @ahmednaser372
    @ahmednaser372 6 ปีที่แล้ว

    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?

  • @thomasjameson5761
    @thomasjameson5761 7 ปีที่แล้ว

    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!

  • @pashapetrosyan7336
    @pashapetrosyan7336 7 ปีที่แล้ว

    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?