Template partials and layouts in Express - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a layout in Express template engines?

A layout is a main template that defines the common structure of your web pages, like header and footer, so you don't repeat the same code in every page.

beginner

What are partials in Express templates?

Partials are small reusable template pieces, like a navigation bar or footer, that you can include in multiple pages to keep your code DRY (Don't Repeat Yourself).

beginner

How do you include a partial in an EJS template?

You use the syntax <%- include('partialName') %> to insert the partial template named 'partialName' into your current template.

beginner

Why use layouts and partials in Express apps?

They help keep your templates organized, avoid repeating code, and make it easier to update common parts like headers or footers in one place.

intermediate

How does Express know which layout to use when rendering a page?

You can set a default layout in your template engine setup or specify a layout file when rendering a view, so Express wraps your page content inside that layout.

What is the main purpose of a layout in Express templates?

A To define a common page structure for multiple views

B To store user data

C To handle server requests

D To style the page with CSS

Layouts provide a shared structure like headers and footers for multiple pages.

Which syntax is used to include a partial in an EJS template?

A <partial src='partialName' />

B {{> partialName }}

C {% include 'partialName' %}

D <%- include('partialName') %>

EJS uses <%- include('partialName') %> to insert partial templates.

Why are partials useful in template design?

A They replace CSS files

B They improve server speed

C They allow reusing small template parts across pages

D They store user sessions

Partials help reuse common template pieces like navbars or footers.

How can you specify a layout when rendering a view in Express?

A By using a CSS file named layout.css

B By passing a layout option in res.render

C By naming the file layout.html

D By setting a global variable in JavaScript

You can specify the layout file by passing { layout: 'layoutName' } in res.render.

Which of these is NOT a benefit of using layouts and partials?

A Automatically improving database queries

B Making templates easier to maintain

C Reducing repeated code

D Organizing common page elements

Layouts and partials help with templates, not database queries.

Explain how layouts and partials work together in an Express app to build web pages.

Think about how a website header and footer appear on many pages.

Describe the steps to include a navigation bar partial in an EJS template using Express.

Focus on file creation and the include syntax.