EJS template setup in Express - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set EJS as the view engine in Express.

Express

app.set('view engine', '[1]');

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

Ahandlebars

Bpug

Cejs

Djade

Attempts:

3 left

💡 Hint

Common Mistakes

Using the wrong template engine name like 'pug' or 'jade'.

Forgetting to set the view engine at all.

Express uses app.set('view engine', 'ejs') to tell it to use EJS templates.

2fill in blank

medium

Complete the code to render the 'index' EJS template in an Express route.

Express

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

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

Asend

Bredirect

Cjson

Drender

Attempts:

3 left

💡 Hint

Common Mistakes

Using res.send instead of res.render.

Trying to render a template without setting the view engine.

Use res.render('index') to render an EJS template named 'index.ejs'.

3fill in blank

hard

Fix the error in setting the views folder path for EJS templates.

Express

app.set('views', path.[1](__dirname, 'templates'));

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

Adirname

Bjoin

Cresolve

Dbasename

Attempts:

3 left

💡 Hint

Common Mistakes

Using path.resolve incorrectly or confusing it with join.

Not importing the path module before using it.

Use path.join(__dirname, 'templates') to create the correct path to the views folder.

4fill in blank

hard

Fill both blanks to set the views folder to 'views' and use EJS as the view engine.

Express

app.set('[1]', path.join(__dirname, 'views'));
app.set('[2]', 'ejs');

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

Aviews

Bview engine

Cviews engine

Dtemplate engine

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect setting names like 'views engine' or 'template engine'.

Swapping the two setting names.

Use app.set('views', ...) to set the folder and app.set('view engine', 'ejs') to set EJS as the template engine.

5fill in blank

hard

Fill all three blanks to render 'profile' template passing a user object with name and age.

Express

app.get('/profile', (req, res) => {
  res.[1]('profile', { [2]: { name: 'Alice', [3]: 30 } });
});

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

Arender

Buser

Cage

Dsend

Attempts:

3 left

💡 Hint

Common Mistakes

Using res.send instead of res.render.

Passing data with wrong keys or missing properties.

Use res.render to render the template, pass the user object with keys name and age.