Summary
Keywords
Full Transcript
OK, I lied I used the HTTP and the fs library on node js but nothing on the backend but nothing but the built-in functions on the browser. In this video, I’ll build a simple progressor upload service and explain how it works. Let us have fun. Source Code https://github.com/hnasr/javascript_playground/tree/master/simple-uploader Resources https://nodejs.org/api/http.html#http_http https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch https://developer.mozilla.org/en-US/docs/Web/API/FileReader 0:00 Intro 3:00 Preparing Frontend/Backend 7:00 Reading file with FileRead in Frontend 14:00 Slicing the file into Chunks 19:00 Sending Chunks through fetch to Backend 23:00 Received Chunks on Backend 28:00 Progress on Frontend 30:00 Increase chunk size 31:00 Possible Improvement and Scalability ' Become a Member on YouTube https://www.youtube.com/channel/UC_ML5xP23TOWKUcc-oAE_Eg/join 🔥 Members Only Content https://www.youtube.com/playlist?list=UUMO_ML5xP23TOWKUcc-oAE_Eg Support my work on PayPal https://bit.ly/33ENps4 🧑🏫 Courses I Teach https://husseinnasser.com/courses 🏭 Backend Engineering Videos in Order https://backend.husseinnasser.com 💾 Database Engineering Videos https://www.youtube.com/playlist?list=PLQnljOFTspQXjD0HOzN7P2tgzu7scWpl2 🎙️Listen to the Backend Engineering Podcast https://husseinnasser.com/podcast Gears and tools used on the Channel (affiliates) 🖼️ Slides and Thumbnail Design Canva https://partner.canva.com/c/2766475/647168/10068 🎙️ Mic Gear Shure SM7B Cardioid Dynamic Microphone https://amzn.to/3o1NiBi Cloudlifter https://amzn.to/2RAeyLo XLR cables https://amzn.to/3tvMJRu Focusrite Audio Interface https://amzn.to/3f2vjGY 📷 Camera Gear Canon M50 Mark II https://amzn.to/3o2ed0c Micro HDMI to HDMI https://amzn.to/3uwCxK3 Video capture card https://amzn.to/3f34pyD AC Wall for constant power https://amzn.to/3eueoxP Stay Awesome, Hussein
