Day 4: Bringing My App to Life with Templates & Static Files

Description: Day 4 of my Django journey was all about templates and static files —the tools that make my app visually appealing and user-friendly. If views and URLs are the framework's structure, templates and static files are the design that make the application engaging. Here's what I learned today: What Did I Learn? 1) Templates: Templates in Django enable the creation of dynamic HTML pages that display data from the backend. I began by crafting a layout.html template: My Django App {% block body %}{% endblock %} This serves as a foundational template, promoting code reuse and consistent design across different pages. 2) Template Inheritance: It helps to enhance reusability. I utilized template inheritance to extend layout.html in a child template (home.html): {% extends 'blogs/layout.html' %} {% block body %} This is the home page of my blog app! {% endblock %} This approach streamlines development saves so much time and keeps my code DRY (Don’t Repeat Yourself)

Feb 20, 2025 - 10:01

Day 4: Bringing My App to Life with Templates & Static Files

Description:

Day 4 of my Django journey was all about templates and static files —the tools that make my app visually appealing and user-friendly. If views and URLs are the framework's structure, templates and static files are the design that make the application engaging. Here's what I learned today:

What Did I Learn?

1) Templates:

Templates in Django enable the creation of dynamic HTML pages that display data from the backend. I began by crafting a layout.html template:

  
  
  
      </span>My Django App<span class="nt">
  
  
      {% block body %}{% endblock %}

This serves as a foundational template, promoting code reuse and consistent design across different pages.

2) Template Inheritance:

It helps to enhance reusability. I utilized template inheritance to extend layout.html in a child template (home.html):

{% extends 'blogs/layout.html' %} 
{% block body %} 
This is the home page of my blog app!  
{% endblock %}

This approach streamlines development saves so much time and keeps my code DRY (Don’t Repeat Yourself)