Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Building an upload backend service with No libraries, No forms, just vanilla JS with progress)
Play lesson

Backend Engineering (Beginner) - Building an upload backend service with No libraries, No forms, just vanilla JS with progress)

5.0 (3)
28 learners

What you'll learn

This course includes

  • 14.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

FAQs

Course Hive
Download CourseHive
Keep learning anywhere