Asynchronous JavaScript Tutorial #2 - HTTP Requests
Вставка
- Опубліковано 5 лют 2025
- Hey gang, in this Async JavaScript tutorial we'll take a look at what HTTP requests are and how they are made under the hood. Later we'll use the Fetch API to make these requests.
Get the full Modern JavaScript tutorial on Udemy here (discount auto-applied):
www.thenetninj...
🐱👤🐱👤 JOIN THE GANG -
/ @netninja
----------------------------------------
🐱💻 🐱💻 My Udemy Courses:
Modern JavaScript - www.thenetninj...
Vue JS & Firebase - www.thenetninja...
D3.js & Firebase - www.thenetninj...
🐱💻 🐱💻 Helpful Links:
Get VS Code - code.visualstu...
🐱💻 🐱💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja
THE BEST INSTRUCTOR IN THE WORLD 💙💙
Agreed!!!!
Completely agreed
I am 100% agree with you!
It's so helpful that you're mostly focusing on HTTP requests for this tutorial. I've seen so many others that barely use anything except setTimeout(), and while that's okay for a simple example, you're hardly ever going to be using that with async code in practice. Thank you for teaching us with something we'll actually use!
this series concept was hardest to understand for me when I just started coding... and I remember this series made it easy for me... I wish I could like it several times ♥
Almost a year ago i bought this course from udemy... its amazing .. It helped me to get job as chrome extension dev. thanks man !
You're seriously the best teacher man. I go through tutorials online like the codecademy fullstack curriculum or the odin project so I can see what I need to learn, but I always come to your channel to really learn it and you explain everything so much more clearly and comprehensively than anyone else.
I've been blankly listening to any UA-cam notification, hoping to see the new series.
This ninja wagon, always rolling
Hello Shaun, I'd like to express my sincere appreciation towards your free courses in this channel. I'm currently transiting from frontend to backend, and some JS concepts always give me a hard time. I accidentally discovered your channel and your explanations always woah me for their clarity. How I wish every teachers could have the same simple yet powerful teaching style like yours!
Thank you for the kind words Yasha, I'm glad you're finding the courses helpful :)
Normally, these details are boring, but you make them so exciting/enjoyable.
Part 2 to part 4 of this series is incredibly useful for me because most of the other tutorials i have watched didn't explain in detail what happen when we make http request. You are a fantastic teacher, a very good communicator. Thank you so much for your videos!
Your explanations are just the best up to the point that if it’s not your channel I find it difficult going to others channel
To anyone who is a very early learner, you have to have an .HTML file connected to your .JS file and linked with a tag. The screen that Net Ninja refers to at 6:41 is the .HTML file displayed in the browser that has the tag to their respective .JS file linked.
but how do we run the file in localhost?
@@priteshsahu8645 open the html file in your web browser
Omg sir, thank you! Had no idea why my lecturer was talking about Axios, API and stuff until I sew your video. Big relief!
The best javascipt teacher I have ever seen
You are the one of few in this area that really deserves "like". I wish there would be a different button for UA-camrs like you. Cheers
after bunch of videos on this topic in youtube , finally i found the right and easy to understand video
Your explanation is superb, one love from Nigeria!
Thank you! 😃
Bommm you r my best instructor in the UA-cam and I wanna learn Async Js a long time. THANK YOU SOOOOO MUCH MY BEST🖤🔥
Exactly what I've been looking for! Thank you for the detailed and very understandable explanation🙏
No problem Jonathan, hope it was helpful! :)
Excited already for the next video
Love the way u explain in depth . U are great Instructor :)
thanks, ninja I learned a lot of things when I meet your Chanel
ur tutorials are amazing ... especially for new students
Thank you man, you are a great teacher👍
Thank you for all the effort to explain this knowledge in a simple way & for free :).
I got enough paid courses, but I came here to learn it
You are asome teacher....I have never seen.... Pls make a videio about...real DOM mnipulation with server validation....like xml http request method
Waiting eagerly for the next video
Shaun is Love !
I am your hardcore fan ❤️❤️❤️❤️🔥🔥🔥🔥
Great series as always man
One human made a mistake and hit unlike button 😂
Great one ninja!
best tutorial i ve ever seen!
8:25. Why readyState when you do not dropdown the XMLHttpRequest is different to the XMLHttpRequest has been dropped ?
wow that was a first class explanation
Glad it was helpful!
I want to purchase your modern JavaScript udeme course.
How will I do it?
Nice video👍
Hello man, could you make a Nginx tutorial in the future? I would love to see it. Awesome videos btw, keep the good work. You have helped me a lot.
This is cool... I went down a bit of a rabbit hole on a Google search of "can/does async use a different thread", and ended up looking into Web Workers. Couldn't see that you had a video about these though? Any plans?
Amazing. Finally i got it
Thanks a lot
The best of the best in the world
Yes yes...
Thanks so much my Ninjah...
superb explanation. thank you very much.
This is what we need!
hey Shaun, am not done with your javascript on udemy but this is a humble request, I really want to learn react Native from you so please make a course on that thanks🧡💙
Yor are real ninja❤️❤️
Great tutorial!
Great tutorial. Thanks!
Very helpful, thank you
can you please explain how can we call addEventListener function before even pulling an HTTP request (i.e. request.open) ?
Perfect! Thanks much!
Why The Net Ninja is not asynchronous?
Anyways. You do a lot of hard work 💜.
Thank you for all of your tutorials
Awesome content.
Very helpful
Hey， does anyone know why he put request.addEventListener(....) on top of request.send(). In this case, how could it get data before sending the request?
Thank you 🙏❤
Thanks!
Please I want to purchase your modern JavaScript series, how will I do it?
Can you make one on data structure and algorithm? I've tried other videos but I can't seem to fathom it.
I CAN'T FIND THE PARTICULAR REPO FOR ASYNC JAVASCRIPT. WHICH LESSON NUMBER IS IT?
Unrelated, but have you got any plans for releasing a series about any ORMs, whether that's TypeORM or Sequelize?
Why do we not see readyState 0 in this example? open ( ) was not called initially when the addEventListener was first encountered.
im guessing the state was 0 to begin with and the event gets triggered when the state changes so it never logged state 0;
@@saurabhkunwar806 I think the addEventListener() method attaches an event handler to the document which is always present and listening to the document, so it only fires when it encounters a 'readystatechange'.
I assumed it must fire immediately as it was the line first encountered in the code. But it only fires when a listen event is triggered on the document object.
After the open( ) and send( ) methods are called, the 'readystatechange' property then gets heard when it changes, hence 1 is the first one encountered after the open( ) method has been executed.
can you do series on native android development
Can I take any information from any website, such as title, number or paragraph, and then render it on my own website?
why is ready state 0 isn't logged into console?
ty.
question. How is he linking his code to the browser? when he saves it in VS code, what did he do to have it open in a browser? it is a .js file, so confused how to find it in a web-browser :/
Hey, it's a package for VS Code called Live Server :)
@@NetNinja thanks for the quick reply!! I actually ended up using the index.html and adding a script tag with a src attribute, and then coping my source (to .html file) into the web browser.
What would be the benefit of using the Live Server package as apposed to just loading the HTML in the browser (with script tag)
jsut pay attention to the fact that synchronous calls with XmlHttpRequest is depricated
When will you start MERN stack. Eagerly waiting for that.🔥
nextjs is way much better than mern !!!
@@maskman4821 i bet both have their advantages and disadvantages
Hello master ninja! I have a request from you! I can't wrap my head around giving a function as an argument to another function, it's too complicated for me. Tell me how can I learn this kind of programming. Am I too banana to understand this?!
I'm following a coding class right now, and every time I don't understand something youtube, --> net ninja + subject I need to learn.
October 2020, who is watching ? 😁
Can we expect an update to react js also
Yeah - hopefully late in the year :)
@@NetNinja thank you ❤
hey where is the github url?
Can you make UA-cam video or Udemy course on fastify framework of nodejs.
How many episode?
11 in total
😻
Who is watching this today?
I love....u ....like anything