Javascript Fetch API With CRUD operations

Рет қаралды 63,879

4 жыл бұрын

Learn Fetch API by create CRUD app, hope you learn a lot from this video.
If you get CORS error when try fetch the data you can use CORS is a node.js package, just go to www.npmjs.com/package/cors
Build A RESTful API: • Build A RESTful API Wi...
Support The Channel:
paypal.me/canddev
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
------------------------------
Levity by Johny Grimes / johny-grimes
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/2sUZMCR
Music promoted by Audio Library • Levity - Johny Grimes ...
------------------------------
#fetchAPI #javascript #enjoyCoding

Пікірлер: 74

@lolibear 2 жыл бұрын

Finally i learned how to use Fetch to POST, PATCH and DELETE, thanks a lot

@akshayshinde2403 3 жыл бұрын

Best video ever. It covered GET, PUT, POST, DELETE, PATCH. Really thank you ❤️❤️❤️❤️

@sanketsarkar9890 3 жыл бұрын

Thanks for the awesome tutorial! There's no such video with such a good explanation on this topic on KZfaq. But in the edit section, in the end, I had to write PUT instead of PATCH for method. Else I was getting an error. After writing PUT everything worked fine.

@gokulnair237 4 жыл бұрын

Hi Candra thank you so much for the tutorial ..I started learning node js last week and by far I have learned so much from your tutorials. I have deployed the api to heroku thanks for the tutorials..

@BenjunOgania Күн бұрын

your a life saver man thanks for this i learn how to write api not just read. New Subscriber

@krisashehi5144 2 жыл бұрын

Best tutorial about fetching REST apis. Great job!

@patricks4559 3 жыл бұрын

Man you're a lifesaver, thank you for the awesome tutorial!

@divyanshsinghbhati6026 Жыл бұрын

SO FAR SO GOOD !! LOTS OF LOVE CAND !!! YOUR THE BEST

@chandukhaleja 3 жыл бұрын

Dude where was this video all this time?? simply awesome explanation brother.

@jun7754 2 жыл бұрын

Thank you so much! It was concise and easy to understand!!

@testeraccount3165 3 жыл бұрын

How would you do this using Ruby on Rails as a backend for API? This is the BEST video walkthrough I have seen for Javascript API AJAX!!!

@facundoloto1514 3 жыл бұрын

oh thanks so much, I was search for hours this

@user-gk7lk9ox6q Жыл бұрын

You have helped me to solve the difficult tast . Thank you.

@jhonjhonx 2 жыл бұрын

Thanks for the tutorial! It's help a lot!

@gulfstream1800 2 жыл бұрын

That's an awesome step-by-step guide! Thank you!

@yamilaprosdocimo2294 3 жыл бұрын

This is right that I found, So many Thanks!

@viniciusm.m.7822 2 жыл бұрын

thanks, man! God bless you!

@femiabitogun4331 3 жыл бұрын

Very good job. Suscribed!!!

@ooomr.253 3 жыл бұрын

I think this is the video i wanted

@anfytrion 3 жыл бұрын

Great video man

@manuelvelo3638 3 жыл бұрын

it worked excelent, thanks for this vid

@sameerkulkarni2643 Жыл бұрын

Thanks @Cand Dev

@oscarlopezpalomec8789 3 жыл бұрын

Thank youu, very useful :)

@akshaypunekar756 2 жыл бұрын

Wow 🔥... You are amazing 😘

@codeAlongwith Жыл бұрын

Where is the github for this? This really has been so well done this tutorial. I appreciate it and managed to get it all to work because of you!

@WhisperingBengal 2 жыл бұрын

Great Content

@alexvlasov2271 3 жыл бұрын

pretty awesome)

@jsblade2770 3 жыл бұрын

your accent is adorable (23:54 data dot PUSSS lmao), that was really informative tho thanks!

@stuffedpeanuts 2 жыл бұрын

great job

@RianY2K 4 жыл бұрын

terima kasih bang tutorialnya

@snovegimank6195 3 жыл бұрын

thx so much, keep “pretty awesome” haha

@nrlinsni 4 жыл бұрын

Thank you bang.

@rangabharath4253 3 жыл бұрын

awesome

@amracethakur2886 2 жыл бұрын

ThankYou sir

@NierozillionFx 4 жыл бұрын

How did you connect to the mongodb database ?

@AliferOSouza 3 жыл бұрын

I really liked the subject ... I can create a local file and use this code ... Example: in place of fetch (URL) / fetch (File.json) ?

@manuelvelo3638 3 жыл бұрын

Hi Cand!, i love this tutorial, i hava a question.. where is the code of this example?

@user-fr8dp5ee1p 3 ай бұрын

tanx

@marcyvillegas5443 2 жыл бұрын

Great video sir! Can you post the github repo link so that we can review the code? 😊

@jhonpaulluceno8257 3 жыл бұрын

do you have php mysql as a backend and js as a front-end tutorial?

@larissavilela9866 2 жыл бұрын

perfeito

@beekaranta 3 жыл бұрын

Good video, but i think you can quickly use the FormData instead of JSON.stringify({..})

@MohammadEmal Жыл бұрын

how can we use it?

@NierozillionFx 4 жыл бұрын

Did you use node to start up the localhost server , how did you connect to the mongodb database

@coffeymay6775 3 жыл бұрын

He created a local JSON database running on port 5000, not shown in video. The url he saves in a variable at the 10:13 mark is where he references it. You can also see the tab for it running at the top of his screen at 10:57.

@audiospidej4401 2 жыл бұрын

can put image in this card bootsrap

@rustam_dk Жыл бұрын

судя по записи "post threa ass" в кэше, все получилось не с первого раза 😆. И причиной того был наверное CORS

@aalexanderb Жыл бұрын

I experience an issue. When i click edit on multiple and then choose one in the end. And then edit that one. All gets edited. Like it caches all my clicks. :/

@anilshrestha9989 3 жыл бұрын

how do we get json data in a formatted way like yours ? al my json data are being displayed in a single line from localhost

@CandDev 3 жыл бұрын

You can use Web extension JSONView

@beticohernandez9536 2 жыл бұрын

Como se le cearia una imagen al crud?

@asrofiamri 3 жыл бұрын

bang. tutorial pagination yang versi vanilla dong. versi react kan sudah, request yang vanilla. terimakasih.

@razahussain7413 2 жыл бұрын

Plz provide git repository for this video

@initiala2375 3 жыл бұрын

i need source code, maybe u can put it to github and add link to description. ty mas chandra. *btw udah bener gak tuh inggris gw 😆

@CandDev 3 жыл бұрын

Diikutin tutorialnya aja mas hahaha

@karinotadashi8393 3 жыл бұрын

Please help me with the error. data.forEach is not a function

@CandDev 3 жыл бұрын

Just make sure data have value of array, you can console.log(data) to check.

@randomwiwer1953 Жыл бұрын

can you pleaase uploid the source code

@NierozillionFx 4 жыл бұрын

Please can you explain how you are able to get this route localhost:500/api/posts Is it coming from the mongodb atlas?

@CandDev 4 жыл бұрын

To create the rest api you can see my previous video, link on the description.

@NARENDRAMLCSE-- Жыл бұрын

Could please send source code for this......

@larryjasontueno9016 9 ай бұрын

How do you create the api please?

@CandDev 9 ай бұрын

this is the link video: kzfaq.info/get/bejne/gZd9pcafy7m8Yqc.html

@jayanthraavan6525 2 жыл бұрын

Can please attach the source code ?😁

@ReyBanYAHUAH 2 жыл бұрын

Always remember we must repent of our sins (sin is transgression The Law Of Yahuah The Father in Heaven. The Law are The Books: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy). We must repent of our sins and Have Belief On Yahusha The Messiah. HE Died and Rose three days later so that we can be forgiven of our sins! Come to HIM🙂🙂🙂🙂🙂🙂🙂