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 8 років тому +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. :)

  • @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.

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

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

  • @mubeeninamdar6573
    @mubeeninamdar6573 8 років тому +1

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

  • @ebragimovic
    @ebragimovic 8 років тому +3

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

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

  • @MilesWilsondreamteam
    @MilesWilsondreamteam 8 років тому +12

    Glad you're back

  • @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.

  • @SoulJah876
    @SoulJah876 5 років тому +9

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

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

  • @tshiamokomane1929
    @tshiamokomane1929 7 років тому +1

    Absolutely fantastic video! Thank 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) ✌️

  • @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.

  • @sumanthburla1703
    @sumanthburla1703 5 років тому +2

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

  • @rhidlor8577
    @rhidlor8577 5 років тому

    This video was surprisingly digestible and informative, thanks!

  • @LordShaxe
    @LordShaxe 8 років тому

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

  • @jonfortner3167
    @jonfortner3167 8 років тому +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

  • @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. :(

  • @Harshanalluru_3
    @Harshanalluru_3 7 років тому +46

    you are a rapper..! :)

  • @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.

  • @iTomAnks
    @iTomAnks 5 років тому +1

    Insanely helpful, thank you!

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

  • @cassiusspacetrain2852
    @cassiusspacetrain2852 6 років тому

    so fast, so accurate, so good !!

  • @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

  • @irvinrules
    @irvinrules 8 років тому +1

    you are great at explaining what thing are. thanks

  • @ivangodoy4593
    @ivangodoy4593 8 років тому

    Upload videos more often! They are great!

  • @MikeSharov
    @MikeSharov 8 років тому

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

  • @wpcustomize8070
    @wpcustomize8070 8 років тому

    Nice to see you again.

  • @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.

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

  • @daviddonadze221
    @daviddonadze221 6 років тому

    I like fast paced videos. Thank u

  • @alvinlu1512
    @alvinlu1512 5 років тому

    Absolutely nailed it! Great explanation :)

  • @_mdan9304
    @_mdan9304 4 роки тому

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

  • @adecakasio6482
    @adecakasio6482 2 роки тому

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

  • @marcotaub
    @marcotaub 8 років тому

    best AJAX tutorial I've ever seen!

  • @enigmareport
    @enigmareport 7 років тому

    Great channel, subscribed. Keep making content!

  • @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.

  • @Rbn49
    @Rbn49 8 років тому

    Very nice and clear explanation!

  • @martinboom01
    @martinboom01 6 років тому

    Just fantastic. Thank you.

  • @valentindragos2397
    @valentindragos2397 8 років тому

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

  • @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?

  • @damonzh1886
    @damonzh1886 4 роки тому

    pretty clean with demonstration

  • @khuselamphokeli7126
    @khuselamphokeli7126 8 років тому

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

  • @travelblogger7102
    @travelblogger7102 6 років тому

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

  • @taoli2635
    @taoli2635 8 років тому

    Awesome explanations!

  • @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

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

  • @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.

  • @kobadg
    @kobadg 8 років тому

    YES HE IS BACK! SO MUCH HAPPY!

  • @kobuslol
    @kobuslol 8 років тому

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

  • @soultouchingsongs
    @soultouchingsongs 7 років тому +1

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

  • @scottsmyth3251
    @scottsmyth3251 4 роки тому

    Thanks, super clear

  • @sandipsubedi2294
    @sandipsubedi2294 7 років тому

    Great Explanation !

  • @macintush
    @macintush 7 років тому

    Hey, these are great videos. Wow

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

  • @TheEmperorFX
    @TheEmperorFX 8 років тому

    Great, Your back to making new videos

  • @AVSbeats
    @AVSbeats Рік тому

    Woah you are very smart by coming across this method 😮

  • @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+

  • @Gjacolby83
    @Gjacolby83 8 років тому

    This video is very nice.

  • @mahlatsetshehla1801
    @mahlatsetshehla1801 6 років тому

    Awesome video

  • @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.

  • @dillonhansen71
    @dillonhansen71 8 років тому

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

  • @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.

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

  • @license2Bort
    @license2Bort 4 роки тому

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

  • @Competitiveforlolz
    @Competitiveforlolz 7 років тому

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

  • @MahmoudElaskare
    @MahmoudElaskare 8 років тому

    great video

  • @Akshay190196
    @Akshay190196 6 років тому +1

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

  • @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.

  • @zanereeder125
    @zanereeder125 6 років тому

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

  • @gauravpoudel7288
    @gauravpoudel7288 6 років тому

    you man! you are awesome

  • @Mildimage
    @Mildimage 6 років тому

    Good video!

  • @ahmed-osama2022
    @ahmed-osama2022 Рік тому

    Thanks a lot 😊

  • @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?

  • @AnotherKentPaul
    @AnotherKentPaul 6 років тому

    What editor are you using here?

  • @brianbrau4475
    @brianbrau4475 4 роки тому +1

    He'll be back any day now

  • @dwidwidwi210
    @dwidwidwi210 7 років тому

    what text editor do u use for this video?

  • @mahdikarimi6467
    @mahdikarimi6467 5 років тому

    Wow awesome

  • @ronaldfungss
    @ronaldfungss 2 роки тому

    Thanks a lot.

  • @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?

  • @SimandanAdrian
    @SimandanAdrian 8 років тому

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

  • @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 :)

  • @HazemAls
    @HazemAls 6 років тому

    Perfect!

  • @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?

  • @nicolenew1708
    @nicolenew1708 Рік тому +1

    THANK YOU

  • @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?

  • @anounTT
    @anounTT 7 років тому

    Are you using Emmet in Visual Studio?

  • @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

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

  • @robertvonzalaburg2934
    @robertvonzalaburg2934 4 роки тому

    The becomes $('#images').data('url'), is it due to the hyphen?

  • @HeribertoRoman
    @HeribertoRoman 7 років тому +1

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

  • @thomasjameson5761
    @thomasjameson5761 7 років тому +2

    Holy shit that JS/JQ code would have taken me like an hour to write. Need to get faster!

  • @stefanschannel2577
    @stefanschannel2577 3 роки тому

    thanks nice Video m friend