WEB 1.1 - Module 2: Lesson 5

Learning Outcomes 💫

By the end of this lesson, you should be able to...

• Use Jinja2 block & extends tags to create reusable base templates.
• Explain how using a base template can help us to write D.R.Y code.

Videos 🎥

Vid 1 - A walkthrough of using template inheritance to create reusable components across a website

Vid 1 - A walkthrough of using template inheritance to create reusable components across a website

Exercises 💪

Complete the challenge in this repl.it and submit your work.

Written Companion 🗒

<aside> 🤔 Most website will use the same header, footer, etc. through it! How can we design a website that has reusable pieces throughout it, and how can we leverage templates to reduce the amount of repeated code?

</aside>

Websites often times have reusable content that gets rendered on many pages such as a header, sidebar, or footer.

Fig 1 - a common design pattern that websites use (the same header, sidebar, and footer but changing content)

In design patterns such as this, the only component that changes would be the content.