In this video, I show how you can upload image with vanilla Node JS, how you can use the Fetch API and how you can store image file and JSON file on our Node JS server.
In the third part of the tutorial we will dive inside the others core features of our blog application.
If you have some questions please let me know in the comment below and I will happy to help you!🙌
Part 3 will be ready soon!🔥
#blog #blogApplication #vanillaNodeJs
---TUTORIAL CHAPTERS PART 2--
00:00 - Introduction
00:21 - Blog post object
01:18 - User post create HTML template
02:14 - User post create route
02:40 - User post create template hanlder
03:37 - User post create template CSS style
04:15 - Managing errors
04:39 - VS Code Thunder Client extension
08:12 - Client side javascript - Setup javascript module
08:59 - Inteface to make server calls
10:29 - URL API (URL SearchParams API) - Build the request URL
11:47 - Headers API - Build request Headers
12:06 - Request Payload
12:30 - Fetch API
14:46 - Exchange data from client to server and from server to client
19:03 - Client side post create function
20:39 - event.preventDefault() method
21:09 - FormData API
23:05 - Manipulate image file data
26:15 - FileReader API (Convert image in base64 encoding type)
31:49 - Build the post create Object
33:27 - Send post create object to the server
35:13 - Build logic to store data into the server
55:11 - Correcting errors
-- Tutorial PART 1 --
• Node js BLOG APP - CRUD and image upl...
Part 2 Source code:
https://github.com/KungFuCodingTutori...
🥷 If you would like to buy me some coffe, thank you that is super kind!✨
https://ko-fi.com/kungfucoding
I'm also on:
Twitter: / kungfucoding
Instagram: / kungfucoding
Watch video Node js BLOG APP - CRUD and image upload | Node JS Tutorial Part 2 online without registration, duration hours minute second in high quality. This video was added by user Kung Fu Coding 12 April 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 38 once and liked it 1 people.