📚 Tech Stack 📚 👉 Platforms & Languages 👈 🛠 Tools ⚒ ✅ Portfolio ✅ 🎬 Client Video Recorder 🎬 👌 3 Things I've learned 👌 Sort Things Summary 1 Front-End Webpack Modularization: Prevents variable scopes in JavaScript, which is a global scope by default Fast loading: Consolidate and compress multiple files with numerous resource files into one, reducing the strain on the network 2 Back-End Node.js Chrome V8 javascript Engine: Javascript running outside the browser package.json: Json file with dependencies stored for collaboration Express Easy connect inside project: Receiving a request and handing over the response to the client side Middleware: Processing unauthorized users and intermediate processing between requests and responses Session: Remember a logged in user └ Browser: Save session to cookie └ Express: Save session to DB CORS Cross Origin Resource Sharing: If the door of your friend's house is locked, you cannot enter the house Header: Insert a CORS policy into the response header API View Interactive URL: Page changes occur without URL changes using fetch DOM Data-attributes: Easiest way to share data from backend in frontend 3 Deploy Modify settings to allow servers to run in any node.js environment Webpack: Use separately for development/build