Fetch API - Javascript In Depth
HTML-код
- Опубликовано: 6 авг 2024
- We take a look at the Web Fetch API in Javascript together. This is a web-standard API that we can use in most Javascript environments that lets us fetch resources from across networks and other mediums. We go through some concepts and examples on how we can fetch a webpage from a server across the internet through NodeJS and print out the HTML to our screen.
Digging deeper in to the Fetch API, we take a look at the Request, Response and Header Objects. We also take a look at how this relates to what the Browser does for us behind the scenes.
This is part of a series where we go over Javascript in depth to learn programming concepts as well as web development: • Javascript In Depth
Chapters:
00:00 Introduction
00:49 What is the Fetch API?
05:10 Other Web APIs
07:00 Visualizing Fetching Resources
13:27 Fetch Interfaces
14:00 Fetch Example
17:30 "Fetching" Websites
18:28 Fetch Code Example
24:59 Fetch Methods and Properties
32:16 HTML Text Responses
38:22 Async Await with Fetch
41:00 Other Response Data Types
41:59 Request and Response Headers
42:50 Fetch API Alternatives
45:29 Next Steps
📦 Github Repository with the notes and exercise code+solutions: github.com/Nooder/javascript-...
💬 Come join us on Discord to chat with a like-minded community about tech and learning: / discord
🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon: / techwithnader - Наука
Literally commenting thank you for every single video for the first time in my life. Immense gratitude for everything you do!
Thanks for the gratitude! I’m glad you’re enjoying these and hopefully learning something new each day 🙌🏽
It feels good to understand such a complex topic like this one, thanks again!🎉
You’re very welcome, Fabio! Glad you get this now as it will come in handy for everything we do in JS as we start building more with it 🥳
I havent even watched this yet but cant want to dig into this as soon as the kids are off to bed 🎉 Thank you for teaching us, Nader. This is the highlight of the day for me :)
Thanks Skandi, those are some powerful sentiments! ❤️ It's truly something to read these comments as it helps me get even more excited for future videos 😃 Would love to know how you're progressing through these. I can't wait to get a discord server up hopefully this weekend and start putting invites in the description and being able to communicate easier!
Hey Skandi, finally got the discord server up and running if you're interested in joining: discord.gg/Qkc62kpsKr
Thank you soo much for this awesome piece of knowledge!! I was able to focus my attention the entire time, your style of teaching is awesome!!!!
I will learn all what you post, Nader
Отличный урок, спасибо. Привет Вам из Сочи, Россия
Thank you very much and hello back to you! I had to Google translate this but was able to read it after :) I hope you're able to translate or read this message back to you, haha! 😊
omg! awsome bro, love from india , web developer community will appreciate your channel one day 💌💌
Thanks again for the kind words! ❤️ I'm ecstatic for these videos to even have a slice of an impact on the community, so I'll keep at it knowing it's appreciated and helping people! 😊
we are already learning from him, why one day ? it's everyday. Thnx for the clarity of courses, and the exercices about every topic ☕ it's a joy
@@akliyachir3455 haha, thanks Akli! It’s a joy to be teaching all this! I was hoping the exercises per topic wouldn’t be too much or overbearing, so I’m glad they are useful alongside the concept and example videos 😊 Can’t wait for some nice surprise videos I have for us coming up too 😎
@@TechWithNader ❤
Just wanted to also mention that I finally got the discord server up and running if you're interested in joining: discord.gg/Qkc62kpsKr
The reason why this vid is so good is because it seeks to answer the natural questions that one might have on every step of the way, except for things far beyond the scope of the video. Very clear with ramping complexity, thanks!
Thanks for the kind words, Eli! I'm glad all that comes across as that's effectively the ethos for the teaching methodology as well as how I think about coding 😊 Can't wait for the things that are 'beyond the scope' to be covered though, haha!
Thanks soo much man. I appreciate
@@jeremiahabiola994 You’re very welcome Jeremiah, glad you enjoyed it!
I sa wthe discord invite but it has expired
Oh no, that’s odd! Does this one work?: discord.com/invite/K4nkugP7Gd
I've used fetch() to add the nickname "JS in Depth made easy" to this playlist. 🤣
As always, super awesome and understandable content, thank you!
Thanks Tiago! Awesome to see your quick progress through these, haha! That would be really funny if you could have done that - I’m sure Google would have been very concerned more than I would 😂
@@TechWithNader it's because your channel really boosted my learning progress. I'm glad I found it and I'm definitely recommending to other people! ☺️
Can you please give the link to the font family you are using in VS Code?
Hey Harshbardhan, I'm using "Dank Mono" for my font with ligatures enabled 😄
my bookmark 13:35
Nadar, can you recommend me a good HTML,CSS course i know them but not in that deep that i know javascript. so i wanna learn each and everything about html,css
There's quite a few I could recommend and it really depends how far you want to go and what you know now. I have a few listed on the Discord in the #resources which you can check out 🙂
trust me you won't want to learn "each and every thing about html and css" :D
@@XanEli1 I agree. I think if you know like 80-90% of html and like 20-30% of CSS you’re good haha. CSS especially - it’s not worthwhile to go super deep since it’s a whole different beast.
Even front end devs would probably only know the core concepts and parts of CSS. It’s one of those topics where there is such a vast amount of stuff and ways of doing things that you’re better off Googling as you need it otherwise you’ll get frustrated very quickly 😊
Why does it look like you made this video after taking the white powder?