Serving static files in Node.js - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the Express framework.

Node.js

const express = require('[1]');

Drag options to blanks, or click blank then click option'

Ahttp

Bexpress

Cfs

Dpath

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'http' instead of 'express' to import the framework.

Trying to import 'fs' or 'path' which are Node.js core modules but not Express.

The Express framework is imported using require('express').

2fill in blank

medium

Complete the code to serve static files from the 'public' folder.

Node.js

app.use(express.static('[1]'));

Drag options to blanks, or click blank then click option'

Apublic

Bstatic

Cassets

Dfiles

Attempts:

3 left

💡 Hint

Common Mistakes

Using a folder name that does not exist.

Forgetting to use express.static middleware.

The express.static middleware serves files from the folder named 'public'.

3fill in blank

hard

Fix the error in the code to correctly serve static files using Express.

Node.js

app.use([1].static('public'));

Drag options to blanks, or click blank then click option'

Apath

Bhttp

Cexpress

Dfs

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'http.static' or 'fs.static' which do not exist.

Forgetting to call the static method on the Express object.

The express.static middleware is used to serve static files, so express must be used here.

4fill in blank

hard

Fill both blanks to create an Express app that serves static files from 'assets' folder and listens on port 3000.

Node.js

const app = [1]();
app.use([2].static('assets'));

Drag options to blanks, or click blank then click option'

Aexpress

Bhttp

Dfs

Attempts:

3 left

💡 Hint

Common Mistakes

Using different modules for app creation and static serving.

Not calling express as a function to create the app.

You create an Express app by calling express() and use express.static to serve static files.

5fill in blank

hard

Fill all three blanks to complete the Express server that serves static files from 'static' folder and listens on port 8080.

Node.js

const app = [1]();
app.use([2].static('[3]'));
app.listen(8080);

Drag options to blanks, or click blank then click option'

Aexpress

Cstatic

Dhttp

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'http' instead of 'express' for app creation or static serving.

Incorrect folder name for static files.

The Express app is created by calling express(), static files are served from the 'static' folder using express.static, and the server listens on port 8080.