Javascript Fetch API With CRUD operations

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/...
Build A RESTful API: • Build A RESTful API Wi...
Support The Channel:
paypal.me/canddev
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: github.com/can...
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

[@lolibear]

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

[@akshayshinde2403]

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

[@sanketsarkar9890]

Thanks for the awesome tutorial! There's no such video with such a good explanation on this topic on KZbin. 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.

[@testeraccount3165]

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!!!

[@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!

[@BenjunOgania]

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

[@CandDev]

Thanks for the sub!

[@АндрейЖиряков-ф1ъ]

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

[@gokulnair237]

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..

[@chandukhaleja]

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

[@patricks4559]

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

[@krisashehi5144]

Best tutorial about fetching REST apis. Great job!

[@divyanshsinghbhati6026]

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

[@jun7754]

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

[@NierozillionFx]

How did you connect to the mongodb database ?

[@sameerkulkarni2643]

Thanks @Cand Dev

[@gulfstream1800]

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

[@jhonjhonx]

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

[@facundoloto1514]

oh thanks so much, I was search for hours this

[@viniciusm.m.7822]

thanks, man! God bless you!

[@ooomr.253]

I think this is the video i wanted

[@yamilaprosdocimo2294]

This is right that I found, So many Thanks!

[@beekaranta]

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

[@MohammadEmal]

how can we use it?

[@AliferOSouza]

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]

it worked excelent, thanks for this vid

[@manuelvelo3638]

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

[@jsblade2770]

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

[@akshaypunekar756]

Wow 🔥... You are amazing 😘

[@marcyvillegas5443]

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

[@razahussain7413]

Plz provide git repository for this video

[@femiabitogun4331]

Very good job. Suscribed!!!

[@oscarlopezpalomec8789]

Thank youu, very useful :)

[@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. :/

[@NierozillionFx]

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

[@coffeymay6775]

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.

[@jhonpaulluceno8257]

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

[@mikeeomega]

Great video man

[@amracethakur2886]

ThankYou sir

[@RianY2K]

terima kasih bang tutorialnya

[@WhisperingBengal]

Great Content

[@stuffedpeanuts]

great job

[@nrlinsni]

Thank you bang.

[@rustam_dk]

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

[@audiospidej4401]

can put image in this card bootsrap

[@beticohernandez9536]

Como se le cearia una imagen al crud?

[@asrofiamri]

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

[@rangabharath4253]

awesome

[@snovegimank6195]

thx so much, keep “pretty awesome” haha

[@RaminArzhang-i6c]

tanx

[@anilshrestha9989]

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]

You can use Web extension JSONView

[@alexvlasov2271]

pretty awesome)

[@karinotadashi8393]

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

[@CandDev]

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

[@larissavilela9866]

perfeito

[@ReyBanYAHUAH]

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🙂🙂🙂🙂🙂🙂🙂

[@larryjasontueno9016]

How do you create the api please?

[@CandDev]

this is the link video: kzbin.info/www/bejne/gWKwo5akm7iLaNU

[@NARENDRAMLCSE--]

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

[@randomwiwer1953]

can you pleaase uploid the source code

[@jayanthraavan6525]

Can please attach the source code ?😁

[@initiala2375]

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]

Diikutin tutorialnya aja mas hahaha

[@NierozillionFx]

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

[@CandDev]

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

[@jakubp4734]

man start linking github repo not your github account

[@juliusv2073]

for me data-id="${post.id}" doesnt capture e.target.parentElement.dataset.id:/

[@lovelyfin00]

Have you found a solution

[@akinayo3666]

I also noticed

[@akinayo3666]

@@lovelyfin00 no, have you

[@MohammadEmal]

title: titlevalue.value is not working it can make a new post but content is undefined. can you help me please

[@CandDev]

make sure the variable use camelCase titleValue.value

[@MohammadEmal]

@@CandDev its still not work it can make a new post but data cant store in new post (its undefined) also not store in database

[@divyanshsinghbhati6026]

@@MohammadEmal check the spelling at displaying fn