What is Express - Interactive Quiz & Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a basic Express app.

Express

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

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

Apath

Bexpress

Cfs

Dhttp

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'http' instead of 'express' to create the app

Forgetting to require the express module

The express module is required to create an Express app.

2fill in blank

medium

Complete the code to start the Express server on port 3000.

Express

app.listen([1], () => {
  console.log('Server running on port 3000');
});

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

A8080

B5000

C3000

D80

Attempts:

3 left

💡 Hint

Common Mistakes

Using a port number different from 3000 without updating the message

Passing a string instead of a number

Port 3000 is commonly used for local Express servers.

3fill in blank

hard

Fix the error in the route handler to send 'Hello World' as response.

Express

app.get('/', (req, res) => {
  res.[1]('Hello World');
});

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

Asend

Bwrite

Cend

DwriteHead

Attempts:

3 left

💡 Hint

Common Mistakes

Using Node.js response methods like write or end instead of Express's send

Forgetting to send a response

The send method sends the response body in Express.

4fill in blank

hard

Fill both blanks to create a JSON response with Express.

Express

app.get('/data', (req, res) => {
  res.[1]({ message: 'Hello' });
  res.[2]();
});

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

Ajson

Bsend

Cend

Dwrite

Attempts:

3 left

💡 Hint

Common Mistakes

Calling send after json which can cause errors

Not ending the response

Use json to send JSON data and end to finish the response.

5fill in blank

hard

Fill all three blanks to create a middleware that logs request method and URL.

Express

app.use(([1], [2], [3]) => {
  console.log(`$[1].method $[2].url`);
  next();
});

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

Areq

Bres

Cnext

Drequest

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong parameter names

Forgetting to call next() to continue

Middleware functions receive req, res, and next as parameters.

Practice

1. What is Express in the context of web development?

easy

A. A database management system

B. A programming language like JavaScript

C. A framework to build web servers easily and quickly

D. A tool to design graphics and images

Solution

1. Step 1: Understand Express purpose

   Express is known as a framework that helps developers create web servers with less code and more speed.

2. Step 2: Compare options

   Options A, C, and D describe unrelated tools or languages, not Express.

3. Final Answer:

   A framework to build web servers easily and quickly -> Option C

4. Quick Check:

   Express = web server framework [OK]

Hint: Express is for web servers, not databases or design tools [OK]

Common Mistakes:

• Confusing Express with a database
• Thinking Express is a programming language
• Mixing Express with design software

2. Which of the following is the correct way to create an Express app in JavaScript?

easy

A. const app = express();

B. const app = new Express();

C. const app = express.createApp();

D. const app = createExpress();

Solution

1. Step 1: Recall Express app creation syntax

   Express apps are created by calling the express function directly: express()

2. Step 2: Evaluate each option

   const app = express(); uses the correct syntax. Options B, C, and D use incorrect or non-existent methods.

3. Final Answer:

   const app = express(); -> Option A

4. Quick Check:

   Express app creation = const app = express() [OK]

Hint: Remember: express() returns the app instance [OK]

Common Mistakes:

• Using 'new' keyword with express
• Calling non-existent methods like createApp
• Mixing function names incorrectly

3. What will the following Express code do?

const express = require('express');
const app = express();
app.get('/', (req, res) => {
  res.send('Hello World');
});
app.listen(3000);

medium

A. Start a server on port 3000 that responds with 'Hello World' at the root URL

B. Throw an error because app.listen is missing a callback

C. Create a server but does not respond to any requests

D. Start a server that responds with JSON data

Solution

1. Step 1: Analyze the code behavior

   The code creates an Express app, sets a GET route at '/', and sends 'Hello World' as response.

2. Step 2: Understand server start and response

   app.listen(3000) starts the server on port 3000. The route handler sends plain text 'Hello World'.

3. Final Answer:

   Start a server on port 3000 that responds with 'Hello World' at the root URL -> Option A

4. Quick Check:

   Express route '/' sends 'Hello World' [OK]

Hint: GET '/' route sends 'Hello World' on port 3000 [OK]

Common Mistakes:

• Thinking app.listen needs a callback
• Assuming no response is sent
• Confusing text response with JSON

4. Identify the error in this Express code snippet:

const express = require('express');
const app = express();
app.get('/', (req, res) => {
  res.send('Welcome');
});
app.listen();

medium

A. app.get() requires a second argument to be a string

B. app.listen() is missing the port number

C. express() must be called with 'new' keyword

D. res.send() cannot send strings

Solution

1. Step 1: Check app.listen usage

   app.listen() requires a port number to start the server. Missing port causes error.

2. Step 2: Verify other parts

   res.send() can send strings, express() is a function (no 'new'), and app.get() second argument is a function, not string.

3. Final Answer:

   app.listen() is missing the port number -> Option B

4. Quick Check:

   app.listen needs port number [OK]

Hint: Always provide a port number to app.listen() [OK]

Common Mistakes:

• Omitting port in app.listen()
• Using 'new' with express()
• Misunderstanding res.send() argument types

5. You want to create a simple API with Express that responds with JSON data at the route '/data'. Which code snippet correctly achieves this?

hard

A. app.get('/data', (req, res) => { res.sendJson({ message: 'Hello' }); });

B. app.post('/data', (req, res) => { res.send('Hello'); });

C. app.route('/data').send({ message: 'Hello' });

D. app.get('/data', (req, res) => { res.json({ message: 'Hello' }); });

Solution

1. Step 1: Identify correct method for JSON response

   Express provides res.json() to send JSON data properly.

2. Step 2: Check route and method correctness

   app.get('/data', (req, res) => { res.json({ message: 'Hello' }); }); uses GET method and res.json() correctly. app.post('/data', (req, res) => { res.send('Hello'); }); uses POST and sends string, A uses non-existent res.sendJson(), D uses invalid chaining.

3. Final Answer:

   app.get('/data', (req, res) => { res.json({ message: 'Hello' }); }); -> Option D

4. Quick Check:

   Use res.json() for JSON responses [OK]

Hint: Use res.json() to send JSON data in Express [OK]

Common Mistakes:

• Using res.send() for JSON without conversion
• Calling non-existent methods like res.sendJson()
• Incorrect route method or chaining