I've watched more than 200 videos on youtube about programming from different teachers and by far your are the most articulate and easy to follow-up. Your content is awesome and video editing skills are outstanding. Thank you so much and I look forward to buy some of your merchandise.
Dude.. you running a university here lol. Best tutorials I have ever come across ... I am using to learn new skills so I can build my startup .... I will always give credits to you man
You have an excellent ability to simplify some of the more complex parts of programming.There isn't a single one of your videos that I have struggled to understand so far. I really appreciate your work - thanks!
You know the best part is that I never really understood the XMLHttpRequest thing and always just did it with jQuery until today, I have no idea how you explain things so damn well. Thank you!
Hello Ninja. I heartedly enjoyed this video. Might I say, it's one of the most pellucid lessons on javascript ajax requests on RUclips. I especially relished the lesson being first given in plain vanilla javascript before moving forth to the library. Thank you.
This is superb work, thank you. Hope you're being rewarded for your efforts. I like the way you talk and explain as you code! Something so simple as "If readystate is equal to 4"... has fixed the meaning of == meaning equal in my mind, which I could not get used to before! Thank you again, Paul
This video series is great!!! Keep up the good work Net Ninja...I just wanted to mention that!!! To enable/use the Atom-Live-Server package that is used in this course which he talks about @ 2:41 of this video (you must first use Atom then install the Atom-Live-Server package of course) enable/Start it by choosing it in the "Packages" menu drop down and right clicking "Start". If you try to just use Chrome or any other browser you will get an error when trying to access the tweets.json file (or any other json file) due to browser security not allowing cross browser connectivity. Also make sure that when pressing the key combination Ctrl-Alt-4 (or whichever number you want to enable the browser port) that you use the number key above the letters on your keyboard. Using the keypad number key may not work!!!!
I have a lot of thanks, not questions. You are giving me hopes I believed its just wishes. Love you every minute I am alive with every word I learn from you. Thank you.
but i got a question when you invoked the two http methods open and send after the onReadyStateChange function why is it legal and working correct ? is it because hoisting ?
Love the tutorials. Information is always perfectly presented for any level of coder. Any plans on a object oriented php, or maybe just php for beginners tutorial?
I enrolled for Modern JavaScript (From Novice To Ninja) course on Udemy. Once I complete the course dedicatedly, I will be black belt JavaScript developer.... Whoahhhhhhhh
jQuery + AJAX version of these ever coming? Specifically just using the $.ajax() method / object to make get and post request successfully? Pretty familiar with get but post is still sort of foreign as you need a backend(server) set up to handle them I believe. Some tuts where you set up a quick and dirty server using express and node (because keep everything javascript why not :) lol) would be great. Anyways good stuff man. I started with with your node series. Then did the vanilla js and jQuery series for some review / refresher and you make the material very easy to digest. I'm subscribed!
Hey - yeah, I'm thinking of doing a mini series on AJAX with jQuery soon :). Thanks so much for subbing - really hope the rest of the vids I've uploaded so far can be of some use :)
1) Start / stop atom-live-server via Packages, Atom live server. 2) Use none .atom-life-server.json file. 3) In Mozilla the console on the right (used since 5:30) is at Open menu, Web Developer, Web Console.
@The Net Ninja - First of all your videos are awesome! Very easy to follow and grasp! :) Can you please list out or make a video on the "order in which one should learn JS concepts/topics" to become a pro!. Thanks in advance!!!
Great tutorials you share, Shaun, I love how you build it up so anyone should be able to follow. Thanks for the work!! I have some notes on this tutorial, for what it's worth... 1. The description seems to have some errors. I couldn't find a repository, so I just typed as you went, and the editor you link to isn't the one you actually use here. 2. Following the examples my console.log showed an error "XML Parsing Error: not well-formed Location: file:///D:/Hans/Downloads/The%20Net%20Ninja%20(Web%20Dev%20Tutorials)/Asynchronous%20Javascript%20Tutorial/bestanden/data/tweets.json Line Number 1, Column 1:" 3. The jQuery method didn't work at all and just showed the xml error like above. instead of using $.get() it only worked when I changed it to $.getJSON(data/async. Just letting you know. Thanks for the great work!!
Good Stuff. Q 1) How to make Synchronous Call through jQuery ajax? 2) How the functions like onreadystatechange are added and called dynamically [behind the scenes in js] to objects of XMLHttpRequest?
I really like how simple this video is, very well done. But I'm wondering if you have any videos that show how to connect to a database and return data where the DB is requesting to use credentials, like username and API key. Any help is greatly appreciated. Thanks!
Great tutorial, but I'm a little confused about the JQuery code. What other code needs to be kept and what is it replacing that can be removed? Thanks.
Hi Ninja, at 10:00, what determines that console.log('test') is going to be returned first? Is it because the http request takes longer to retrieve the data as compared to console.log?
Mr Ninja, Why people say, reload of page is not needed, using AJAX? AJAX is basically to avoid blocking of page from use action on webpage, when browser is busy making IO with server. Isn't it?
Great tutorial as far as the javascript goes, but I would like there to be a bit more information on how to set up the dev environment and actually run the code. I am using Atom and have the atom-live-server plugin installed, but it just opens up a browser tab listing the source code. It doesn't run anything. I know how to embed a script in an html page but the impression given by this tutorial is that you can just run the JavaScript as is.
This seems like a very clean cut way to get data, so why do people use fetch and axios? I know that they both technically use the XMLHttpRequest object internally, but why not just use the way it was done here? I'm trying to understand the differences between these three.
@@cw5948 So does that mean, we don't have to 'call' the function as in "http.onreadystatechange()" to execute it? It looks to me as if assigning a function to a method, therefore I thought we needed to 'call' it. Learning basics here..
Thanks! The tutorial is very helpful;) By the way, is there a way to save a chunk of data from the request to pass it to a different API? I created a function that connects to the Google maps API but I failed to pass the data I got to connect to the Dark Sky Weather API. The function returns "undefined" every time I try to store the data from Google in a variable.
hello , great course, i have a question how can i create a function If there is 5 or more ongoing requests, you have to wait until one of them is completed then you can process next request. When the response code is not 200, you need to retry 3 times. If the response code after retrying 3 times is still not 200 then the error function should be executed.
May 2020, if you are using VS code, you have to use VS Live Server, otherwise you will get an error of CORS which won't let you to access local files file tweets.json
can i save the text,sent by the user in Mysql as JSON and then retrieve that JSON asynchronously on the same page,pars it into a javascript object and display the username:message + date which are all coming from the database for a live public chat application?
hello... can you please help me out that why this error is comming to me "Access to XMLHttpRequest at 'file:///E:/web/practice/js/data/tweets.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https."
This series is probably the best explanation of async I've come across. Thanks so much.
Thanks :). Glad you liked!
Lazlow Carmichael, your totally right
pro tip: you can watch series on Flixzone. Me and my gf have been using it for watching loads of movies during the lockdown.
@Dayton Alvaro yup, have been using Flixzone} for since december myself :D
I've watched more than 200 videos on youtube about programming from different teachers and by far your are the most articulate and easy to follow-up. Your content is awesome and video editing skills are outstanding. Thank you so much and I look forward to buy some of your merchandise.
Thank you so much for the nice comment!! Really glad you like them & hope to see you in a net ninja t-shirt sometime :D
Dude.. you running a university here lol. Best tutorials I have ever come across ... I am using to learn new skills so I can build my startup .... I will always give credits to you man
You have an excellent ability to simplify some of the more complex parts of programming.There isn't a single one of your videos that I have struggled to understand so far. I really appreciate your work - thanks!
You know the best part is that I never really understood the XMLHttpRequest thing and always just did it with jQuery until today, I have no idea how you explain things so damn well. Thank you!
how can someone dislike that? that was a in depth explanation on that xmlhttp stuff. very good explanation
Thanks man :)
no problem! just one Question : DomContentLoaded video its like the "document.ready" in Jquery? or it different? thanks!
Hey, yeah, these two do the same thing. They wait until the document is ready.
Because he not use full screen
XML users obviously
Hello Ninja. I heartedly enjoyed this video. Might I say, it's one of the most pellucid lessons on javascript ajax requests on RUclips. I especially relished the lesson being first given in plain vanilla javascript before moving forth to the library. Thank you.
This series is probably the best explanation of async I've come across. Thank you so much!
This is superb work, thank you. Hope you're being rewarded for your efforts.
I like the way you talk and explain as you code! Something so simple as "If readystate is equal to 4"... has fixed the meaning of == meaning equal in my mind, which I could not get used to before!
Thank you again,
Paul
These a few videos are the best explanation of asynchronous JS I have ever seen. Thanks!
These tutorials are amazing, so quick and so precise - better than most paid tutorials I've taken.
This video series is great!!! Keep up the good work Net Ninja...I just wanted to mention that!!!
To enable/use the Atom-Live-Server package that is used in this course which he talks about @ 2:41 of this video (you must first use Atom then install the Atom-Live-Server package of course) enable/Start it by choosing it in the "Packages" menu drop down and right clicking "Start". If you try to just use Chrome or any other browser you will get an error when trying to access the tweets.json file (or any other json file) due to browser security not allowing cross browser connectivity. Also make sure that when pressing the key combination Ctrl-Alt-4 (or whichever number you want to enable the browser port) that you use the number key above the letters on your keyboard. Using the keypad number key may not work!!!!
I have a lot of thanks, not questions.
You are giving me hopes I believed its just wishes.
Love you every minute I am alive with every word I
learn from you.
Thank you.
Mate, you're a lifesaver!!! Absolutely the best tutorial on all this stuff, crystal clear. God Bless!!!
Even thought I think I have a good idea of how async code works, I love watching the video's that you guys put out. They are really great!
You are absolutely a ninja for explaining complex thing.
Very good video. One of the few to explain tiny but important details when using vanilla JS .
@0.10 is awesome, video starts in ninja style. You are truly a ninja 🤣
Crystal CLEAR !!!
Excellent job Master Ninja!
missed you after some time :D, You are part of my educational life for ever :)
You are the master of simplification. Can't wait for the generators part ;)
Your videos are awesome dude!!
Being following your videos since passport oauth ,best tutorial available👍
even after 3 years this is so good thanks mr ninga
Marvelous! Concise and right to the point! Loved the iteration of explanations!
Really easy to understand.. Thanks guy!
Thank you :D
Beats every explanation out there in Udemy.
Blend of short + comprehensive
That title font "Quicksand Book Regular" is beautiful : )
This is the best video to understand AJAX requests.Thanks!
This guy is simply awesome
:D. Thanks !!
I really love the intro, how you slam the first slide in with that sound :D
awesome. looking forward for more advanced topics on JS
awesome!! extremely glad to have found this channel!
This is awesome :) For the first time i understand what's actually going on !
One of the Best explanation ever.
I've never imagined that ajax is that so easy !!!
Thank you ninjaaa
but i got a question when you invoked the two http methods open and send after the onReadyStateChange function
why is it legal and working correct ? is it because hoisting ?
I mean why the initializing function comes at the first ?
In brief, 7 Stars. Thanks a lot.
You are genius. Your videos are perfect.
Beautifully explained. Thank you!
Love the tutorials. Information is always perfectly presented for any level of coder. Any plans on a object oriented php, or maybe just php for beginners tutorial?
very helpfull video.Finally i understand what exactly ajax
I can only give you one thumbs up :(. Please keep making awesome tutorials like this
Ha, thanks :). I will.
Very well Explained. Thanks for the hard work.
Really you are superb man...i learn a lot of things.....
I enrolled for Modern JavaScript (From Novice To Ninja) course on Udemy.
Once I complete the course dedicatedly, I will be black belt JavaScript developer....
Whoahhhhhhhh
Awesome! Thanks so much :)
Thanks, mate.Really great explanation.
Damn. simply the best explanation on async
:)
subscribed! your content is great. Please keep up the good work!
you are an awesome teacher..
jQuery + AJAX version of these ever coming? Specifically just using the $.ajax() method / object to make get and post request successfully? Pretty familiar with get but post is still sort of foreign as you need a backend(server) set up to handle them I believe. Some tuts where you set up a quick and dirty server using express and node (because keep everything javascript why not :) lol) would be great. Anyways good stuff man. I started with with your node series. Then did the vanilla js and jQuery series for some review / refresher and you make the material very easy to digest. I'm subscribed!
Hey - yeah, I'm thinking of doing a mini series on AJAX with jQuery soon :). Thanks so much for subbing - really hope the rest of the vids I've uploaded so far can be of some use :)
What a great explanation! Thanks dude 😇
1) Start / stop atom-live-server via Packages, Atom live server. 2) Use none .atom-life-server.json file. 3) In Mozilla the console on the right (used since 5:30) is at Open menu, Web Developer, Web Console.
awesome explanations :-) Thank you so much
@The Net Ninja - First of all your videos are awesome! Very easy to follow and grasp! :)
Can you please list out or make a video on the "order in which one should learn JS concepts/topics" to become a pro!.
Thanks in advance!!!
Best explanation ever. Thank You So much. Please start a online course on JS and React. Thanks again..😊😊😊
This is so helpful! Thank you for this!
Thanks a lot! Really clear explanation.
Great tutorials you share, Shaun, I love how you build it up so anyone should be able to follow. Thanks for the work!!
I have some notes on this tutorial, for what it's worth...
1. The description seems to have some errors. I couldn't find a repository, so I just typed as you went, and the editor you link to isn't the one you actually use here.
2. Following the examples my console.log showed an error "XML Parsing Error: not well-formed
Location: file:///D:/Hans/Downloads/The%20Net%20Ninja%20(Web%20Dev%20Tutorials)/Asynchronous%20Javascript%20Tutorial/bestanden/data/tweets.json
Line Number 1, Column 1:"
3. The jQuery method didn't work at all and just showed the xml error like above.
instead of using $.get() it only worked when I changed it to $.getJSON(data/async.
Just letting you know. Thanks for the great work!!
it's very useful and clear, thanks a lot.
Holy Beard of Zeus thank you so much for this! You just alleviated some immense frustration.
Amazing, I have to use this saying. :)
simply 'The best'.
Really well done, thanks!
Excellent!!!
Salut.
C'était nickel.
Merci bien et en avant pour la suite :-D
Ciao ;)
Good Stuff. Q 1) How to make Synchronous Call through jQuery ajax?
2) How the functions like onreadystatechange are added and called dynamically [behind the scenes in js] to objects of XMLHttpRequest?
currently, You don't have to use onreadystatechange and checkif it equals 4.
we can use onload and it'll do this extra work for us.
I really like how simple this video is, very well done. But I'm wondering if you have any videos that show how to connect to a database and return data where the DB is requesting to use credentials, like username and API key. Any help is greatly appreciated. Thanks!
Great tutorial, but I'm a little confused about the JQuery code. What other code needs to be kept and what is it replacing that can be removed? Thanks.
Better than Udacity’s Ajax course
Hi Ninja, at 10:00, what determines that console.log('test') is going to be returned first? Is it because the http request takes longer to retrieve the data as compared to console.log?
the course link is actually not correct. it goes to some different stuff.
You use Atom, not Brackes as you say in the description.
great work thanks
you're my god damn hero
Mr Ninja, Why people say, reload of page is not needed, using AJAX? AJAX is basically to avoid blocking of page from use action on webpage, when browser is busy making IO with server. Isn't it?
what I want to know is this just one aspect of ajax, or is this course about everything that can be done with AJAX summarized
Great tutorial as far as the javascript goes, but I would like there to be a bit more information on how to set up the dev environment and actually run the code. I am using Atom and have the atom-live-server plugin installed, but it just opens up a browser tab listing the source code. It doesn't run anything. I know how to embed a script in an html page but the impression given by this tutorial is that you can just run the JavaScript as is.
This seems like a very clean cut way to get data, so why do people use fetch and axios? I know that they both technically use the XMLHttpRequest object internally, but why not just use the way it was done here? I'm trying to understand the differences between these three.
Really good, but why don't you use auto-completion when it comes up?
Is that a bad practice somehow?
Life saver.
Good tutorial , well done. My ajax request is not going until the step 4. It looks it's stucked at 3.What could be the reason of it?
is onreadystatechange an event , like onload and onclick?
The onreadystatechange property defines a function to be executed when the readyState changes.
@@cw5948 So does that mean, we don't have to 'call' the function as in "http.onreadystatechange()" to execute it? It looks to me as if assigning a function to a method, therefore I thought we needed to 'call' it. Learning basics here..
I'm following your tutorials bro , your the best haha . can you make some tutorials about php & laravel . thanks a lot ...
Hi what exactly is JSON ? Did you say something about it before ?
JSON is the way of storing data, as XML (html tag syntax) but with JavaScript syntax (objects and arrays)
When are you using JSON.stringify() vs. JSON.parse()?
Thanks a lot. Great tutorials. I can't find those files on the repo.
Good video
Thanks!
Thanks! The tutorial is very helpful;) By the way, is there a way to save a chunk of data from the request to pass it to a different API? I created a function that connects to the Google maps API but I failed to pass the data I got to connect to the Dark Sky Weather API. The function returns "undefined" every time I try to store the data from Google in a variable.
where can I get the source code for this tutorial?
Whoah! Got heart arrest.
hello , great course, i have a question
how can i create a function If there is 5 or more ongoing requests, you have to wait until one
of them is completed then you can process next request.
When the response code is not 200, you need to retry 3 times. If the response code after
retrying 3 times is still not 200 then the error function should be executed.
May 2020, if you are using VS code, you have to use VS Live Server, otherwise you will get an error of CORS which won't let you to access local files file tweets.json
can i save the text,sent by the user in Mysql as JSON and then retrieve that JSON asynchronously on the same page,pars it into a javascript object and display the username:message + date which are all coming from the database for a live public chat application?
how the other thread is handled ,in a single threaded environment? i cant find any clear answer for that anywhere
the ninja sounds spooked me
Is it redundant to check readyState == 4 && status == 200? Could a status ever be 200 if the request was not completed?
Hi Shaun, I do get the XMLHttpRequest details in console but couldn't get it's response. It comes blank by the way. Please help
After I add the JSON.parse, before http.response, my console says "JSON Parse error: Unterminated string". Does anyone know how to fix this?
hello... can you please help me out that why this error is comming to me
"Access to XMLHttpRequest at 'file:///E:/web/practice/js/data/tweets.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https."
What is the difference between .response vs .responseText??
If I wanted to display an EDIT form and a POST request on that form without page reload, is it doable using Ajax+Mongoose?