04 - Serve Static Assets - Basic Node and Express - freeCodeCamp Tutorial

We can use middleware to redirect paths to load assets stored in other locations. Middleware can be attached to a path by calling app.use() and express.static() can be used to replace the path dynamically.

Link to challenge : https://www.freecodecamp.org/learn/apis-and-microservices/basic-node-and-express/serve-static-assets Written Guide : https://www.notion.so/ganeshh123/Serve-Static-Assets-3d98d078c5df4e24a4dff1703e4a74e2

Full Playlist for this course : https://www.youtube.com/playlist?list=PLhGp6N0DI_1SdIZ3uhbXnKAq2UcICSnWS All Writen Guides for this course : https://www.notion.so/ganeshh123/dab5e189407244c793c2f32d066eee9f All My Tutorials can be found at : https://www.notion.so/Tutorials-Ganesh-H-293ea420d34a464f9a1907e0405b5f26

Concepts: app.use() Mounts the specified middleware function or functions at the specified path: the middleware function is executed when the base of the requested path matches path. https://expressjs.com/en/api.html#app.use

express.static() This is a built-in middleware function in Express. It serves static files and is based on serve-static. https://expressjs.com/en/api.html#express.static

__dirname The directory name of the current module. This is the same as the path.dirname() of the __filename. https://nodejs.org/docs/latest/api/modules.html#modules_dirname

-————————————————————————————————————- Node.js is an open-source, cross-platform, JavaScript runtime environment that executes JavaScript code outside a web browser. Node.js lets developers use JavaScript to write command line tools and for server-side scripting—running scripts server-side to produce dynamic web page content before the page is sent to the user's web browser.

Express.js, or simply Express, is a web application framework for Node.js. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js. Express runs between the server created by Node.js and the frontend pages of a web application. Express also handles an application's routing.

freeCodeCamp (also referred to as “Free Code Camp”) is a non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications and local organizations that intend to make learning web development accessible to anyone. Beginning with tutorials that introduce students to HTML, CSS and JavaScript, students progress to project assignments that they complete either alone or in pairs. Upon completion of all project tasks, students are partnered with other nonprofits to build web applications, giving the students practical development experience.

Thanks for Watching! ... https://www.youtube.com/watch?v=H2x6RJ5ZQpo