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 --- https://www.youtube.com/watch?v=MDN3kKR-j9E Part 2 Source code: https://github.com/KungFuCodingTutorials/blogApplicationPart2 🥷 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: https://twitter.com/kungfucoding Instagram: https://www.instagram.com/kungfucoding
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 --- https://www.youtube.com/watch?v=MDN3kKR-j9E Part 2 Source code: https://github.com/KungFuCodingTutorials/blogApplicationPart2 🥷 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: https://twitter.com/kungfucoding Instagram: https://www.instagram.com/kungfucoding