jQuery & Ajax: Build A Github Finder App

[@luckboysunday]

You will never understand the joy it is whenever you check youtube an see a video that you have uploaded..! Seriously

[@TraversyMedia]

That means a lot, thanks :)

[@rotrose7531]

same opinion!

[@sharofazizmatov1000]

Same. I always look forward your new video. I learn more from your lessons than books. Thank you very much!!!!!

[@ovey2214]

Your videos are top notch. Walking through real world uses and giving the perfect amount of commentary to describe what you're doing and why you're doing it that way is why I love your videos. Thank you so much for putting confusing things in a way that I can understand them easily. I've come to realize that I need to watch one of your video's on a subject BEFORE I read it in my textbook in order to make reading and understanding happen much quicker.

[@mathewbrown37]

Literally doing this tonight, styling differently, and using as a github project...thank you for this man

[@arifulalamarif3748]

hi, Brad!! Your teaching skill is awesome!! I'm very glad to have a mentor like you..

[@MrRicharddaniel]

Amazing Content Brad. I am glad I have someone like you to look up to

[@haili903]

Thank you so much for this great tutorial, please keep uploading more of these. Really apreciate it !!!

[@R2r_1337]

duuuude, I'm shocked that you put all that amazing content for us for free. Thanks and god bless you :)

[@TraversyMedia]

No problem. For anyone that finds it valuable, I do have a Patreon. Even $1 per month helps alot from enough people. I want to do this full time with daily projects. Thanks for watching

[@R2r_1337]

I've got job interview in few days, for junior RoR dev position, so if I make it I will buy your course :) I've got one noob question tho, does that backtick and let features work everywhere? Do i need some Babel stuff to make it work in production, for example in my Rails app?

[@samuelweb6595]

Great tutorials Sir. God richly Bless you!!!

[@yowyegames3506]

This is pure awesomeness. Thank you, Traversy Media. Helpful for a student like me. :D

[@Colstonewall]

20:31 That's either one BIG damn Chicken or one SMALL boy, lol.

[@yjshot]

Thank You Traversy. I always learn something from your videos.

[@PeterParker-sy9bp]

Hi Brad, just wanted to thank you for this GREAT tutorial.It is super informative.You are not only teaching ajax&jquery but also some tricks, syntax, and much more in 33 minutes :). I really like the way you teach. May i request a video teaching how to use Ember.JS serializers and adapter for custom API's. Might be a custom or any API. That would be great.

[@osherezra131]

Great and awesome as always bro, just keep it up don't stop, those small projects are the best learning platform ever thank you :)))

[@lamamasters]

Nice to see jQuery in action! :) Thanks!

[@danielandreasen2293]

Awesome, I didn't know Ajax could do all this could stuff. I want to make projects now :) Thanks for sharing.

[@Limpuls]

I like Benjamin's avatar, I think I found a new one for myself.

[@jebbush2964]

Amazing tutorial. How can I add pagination to this project?

[@chrisdizzle313]

If you add a class on the img of img-responsive it already has the width of 100%. It's the bootstrap class that does exactly what your avatar class does.

[@janatbek]

Thanks a lot, you gave the idea I was looking for a long time. Great and understandable tutorial

[@adilsonsf]

It is so easy as you explain! It helped me so much. Thanks a lot.

[@navin_kg]

fantastic, thank you very much for making it very easy and understandable , I am your big fan ,..

[@nandhakumargunasekaran8888]

Awesome video Brad..thank you so much..It is really informative and motivational..

[@tushar000001]

You are awesome. Making the same app with react. Please make more videos like this :)

[@Colstonewall]

Very cool! One question though, not being any kind of expert on AJAX, why use the .done function instead of success function? Any particular reason, or is this just preference?

[@DeveloperTharun]

How do we implement the Pagination for this WebApp?? So , we set the limit to 5, and then? How do we retrieve the remaining?

[@ayazsayyed9053]

Brad... You are more than just awesome...

[@qzer1990]

My code is exactly like yours and I'm using my user id and user secret for my app. It worked perfectly at first but now I'm getting '403 forbidden' errors in my console no matter what I do. Any suggestions? I'm using Firefox but also checked in Chrome, didn't help. :(

[@coding_ss632]

thank you very much.

[@TraversyMedia]

No problem. Thanks for watching!

[@soulademics]

Traversy Media pure GOLD! 👍🏼

[@DanielWeikert]

Awesome man. Could you create a video to explain the differences between axios, fetch, ajax,....?

[@himanishkabiraj8491]

Thank you very much. But I have a query. How to add a drop down by which I can control per page number of repos?

[@idmt93]

I really love your tutorials man.

[@clevertech74]

Hello brad, excellent video and project! I have a question how can i add geolocation to this let's say when i type only shows users from my area. Maybe getting the coordinates from another api like google places? How can i add this to the project?

[@amadoucisse4272]

Thanks a million man, really learnt alot, i subbed, Hope to see more beautiful videos, God bless you

[@TraversyMedia]

Thanks for subscribing :)

[@kamalpandey7177]

Is there any chance we could see more Vue.js 2 and Vuex along with token based authentication tutorial with rails 5 api?

[@SleekCollins]

Really doing god's work there, Brad. Thanks.

[@bcdeveloperc6142]

2:00 could you use github pages for something like this? in the url 2:40 ? or do we have to deploy to heroku and do on server?

[@ashutoshdwivedi1721]

Thanks for awesome video.EVery single thing I understood but I didn't understand How you use data and client_id and client_secret ? Is this available on github docs? How you know it is data object?

[@amambicyprain6179]

i really love this man ahead ahead sir

[@vijayalavantharmalingam803]

Great Sir, You are awesome.... ✌️

[@theprogramador]

Can I adopt this system for Facebook as well?

[@bharathtavanam6814]

awesome ...man always love to watch your videos.

[@ovidiublaga1]

Hello. Can you guys tell me the videos in which Brad uses Axios besides Axios Crash Course?

[@roskelld]

Hey Brad, great video. I've been following some of your tutorials and have been working on my own mongodb RESTapi setup. I've run into problems however when trying to talk to the API from another server which is hosting my webapp. This looks like a rabbit hole of cross domain, jsonp and stuff way beyond my limited knowledge to understand. Is this something you've dealt with? and do you have any tutorials, or plan to have any that deal with such a thing?

[@roskelld]

Turns out I'm not as stupid as I thought, sort of. I setup my app to use cors and https; and when nothing worked on the client side I figured I did something wrong and my efforts to fix it went no where. There was a reason for that. I now know that restarting apache does NOT restart a hosted node.js app, so none of my cors, https updates were being applied. I just manually restarted the node.js app and it all works. So much joy.

[@TraversyMedia]

I just saw your reply below. I was going to direct you to enable-cors.org/server_expressjs.html

[@ivaneurope]

OK, so the app would work only if you have GitHub account, or it doesn't have to? Anyway good tutorial.

[@MrMaksuz]

Can you tell me more about 'let' ? why do we use it here in this case ? cheers Also if i type user name to quick it will load more than 5 repo why is that ?

[@xgqfrms]

Thanks, very good demo!

[@elvinmammadov9138]

i dont understand sort and per_page . what is it ?

[@sdborn8667]

Hi, thank you for a great video. I was wondering if you could help me to expand this example, so it will be possible to enter several usernames, separated by commas and app would compare who has the most stars

[@eoussama]

How do you pass the client id and secret using pure XMLHttpRequest in javascript?

[@cagansit7268]

why do we use client_id and client_secret ? After remove these it works same.What does it do?

[@TraversyMedia]

Without it you have a limit to how many times it can request the api per hour. I think it is like 50 times per hour or something. Once you hit that the app will stop working without the client_id

[@cagansit7268]

Thank you.

[@ionut1234567891011]

Very nice and clean!!! Thank you!

[@FaceBook-bd3xo]

where did you get "repos "?

[@husainahmmed9025]

Awesome tutorial want more like this.

[@navdeepdhamu1945]

Hey Brad. I know its been a while since you did this video but I'm just wondering where the GET POST PUT DELETE comes in to this? In this case Just GET because you are only getting stuff back from GitHub api but I dont understand where you have been able to get stuff back from the api without actually using "GET" anywhere?

[@chinnikinnerla8399]

Great video.Many thanks.

[@fernandodantas3210]

How do I remove an object that comes null? This happens when a user did not post information on his profile.

[@TheBurker]

Great tutorial as always. Small issue though, may possibly be me being stupid but i'm trying the api link directly to see all of the items and getting a 403 forbidden error. I'm registered and signed in as I have my client secret and id. Any ideas? Thanks.

[@alaaeddineacheache1212]

Me2 same probl dont know wht to do

[@BipinOli90]

Thankyou for making this amazing video :)

[@owaismalik]

Thank you so much for ypur tutorials :) It is working on my vscode live server but when i push it to my github and deploy it there then it doesn't fetch results :/

[@SubinBabukuttan]

why another request inside the done ?? can you explain plz

[@JustPlainRob]

Why are you including the secret key in the JS file doing the request? Seems like a good way to get your API key stolen and abused.

[@krowwweee2918]

Dude, so good. Thank you so much. Keep going :)

[@ajazmiah]

why doesn't e6 functionality doesnt work on mine?

[@hamzachoudhary1468]

HI! I register my api just like in video 2:58 but in my app it keep saying "API rate limit exceeded for my_ip. (But here's the good news: Authenticated requests get a higher rate limit. Check out the documentation for more detail". and my limit is also 60 can anyone help me with this

[@rotrose7531]

The tutorial is really great, just I run into a little problem about design. the bootstrap label class does not work, even though other components like btn did work. Does anyone have solutions about it?

[@rotrose7531]

problem solved. It seems I did not link the correct cdn of bootstrap.Following cdn helped me to get rid of my headache.

[@Xaisoft]

I did try using my client_id and client_secret though and it still told me 403 forbidden

[@hoangminhnguyen2191]

Hi brad, thank for sharing. I am trying to convert this project from jquery.ajax to XMLHttpRequest, but I stucked when trying to send client_id and client_secret as I put them in the XMLHttpRequest.send() as "client_id=...&client_secret=...". Is this equivalent to data{} in jquery.ajax? Edited: after checking the XHR object of the network tab in development tool in browser, i found that jquery.ajax's data got appended to url while the XMLHttprequest.send send data as body so put the query string 'client_id=...' worked instead

[@chrisdizzle313]

I'm gonna build something like this that does the same stuff but not a complete clone. Different design, colors, etc.

[@Xaisoft]

Very nice. I learned a lot

[@Knards]

Very nicely done!

[@guijoa123]

I'm going through this tutorial now, and when I start typing the username I only get 'Undefined' as an answer, anybody knows what I could be doing wrong?

[@Dankkochicho]

Amazing tutorials man

[@travismartin2186]

For the life of me I cannot figure out why bootstrap is not working. I folow the exact steps and have even tried installing locally and nothing has worked. Even when I copy pasted the bootstrap html and ran a preview, the css was still not applied. How is this even possible?

[@peoray]

Did you link the bootstrap css to your HTML file?

[@srujank9077]

how to create multiple users with in a page

[@nishagarg4990]

really amazing video

[@novailoveyou]

Thank you!

[@adsbix5337]

thank u so much sir

[@KumarPremLatha]

thank you soooo much ......

[@bilalmazhar100]

hello traversy Media your video are informative i have error $('#profile').html('${user.name}'); but it print in profile div this : ====> ${user.name} and one more when i do this : $('#profile').html(' ${user.name} '); This give me error !! Please help Regards

[@suyashmittal]

Use backtick instead of quotes

[@juliannash890]

Awesome Brad.

[@ezesundayeze5159]

Great Job

[@danutzz8]

good video! thanks!

[@nenadstanojev6153]

YOU ARE CODING GOD!

[@AbhishekKumar-we9qx]

Somebody ask Benjamin Black to say hi to us here!

[@akashpatil9321]

Great ...thanks brad...!

[@kingowadah]

good job

[@dinabro5739]

really cool

[@xXRayilXx]

dat was awesome tytvm!

[@noelpastrana5100]

cool..

[@anonymouse7074]

Awesome

[@vincenzo33pellegrini]

You are legit dude!

[@abdallahalsahhar9511]

fist thank you , second I wonder where does user.name come from in $('#profile').html

[@TraversyMedia]

"user" is being passed in from the response from the ajax request. This is the Github user object returned from the api. It has a "name" value so thats the "user.name"

[@ajazmiah]

After I found this ch i dont buy course on Udemy anymore

[@user-cf7vy4hl8p]

You're the best.

[@kikutnik666]

Thanks @Traversy Media for inspiration, I've made the same thing but with Vue github.com/kamilrogala/GitHubFinder

[@aleksandrkazakov3104]

And everyone can see secret key in js code...

[@TraversyMedia]

You are right. I should have mentioned this. This app is for learning purposes. This is not something you would do in production. There are solutions to this which I may put in another video

[@SelimAjimi]

nice video but next time don't put your secret code (clientid,secretid) . I know that you got what I mean .*

[@dimamanhura2610]

beutifull movie