Pewarisan Template dengan extends dan block
Bangun tata letak dasar dan timpa bagian-bagiannya
Pewarisan Template dengan extends dan block adalah pelajaran Django Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Django Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Django Academy mencakup 4 pelajaran total.
Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.
Stop Repeating Layout
Every page shares a header, nav, and footer. Template inheritance lets you write that shell once and reuse it everywhere. 🧱
Start with a Base
A base template holds the common HTML skeleton. Child pages will plug their unique content into spots you leave open.
base.htmlDefine a block
A block marks a section a child can replace. You name it, leave optional default content, then close it with endblock.
{% block content %}{% endblock %}A Minimal Base File
This base wraps a title block and a content block in real HTML. Children will fill those two named holes.
<html><head><title>{% block title %}Site{% endblock %}</title></head>
<body>{% block content %}{% endblock %}</body></html>Children Use extends
The extends tag must be the first line of a child template. It tells Django which base layout to build upon.
{% extends "base.html" %}Override a block
In the child you redefine a block with the same name. Whatever you put inside replaces the base default for that page.
{% extends "base.html" %}
{% block content %}<h1>Welcome</h1>{% endblock %}Unfilled Blocks Use Defaults
If a child skips a block, the base content shows instead. That makes a default a safe placeholder for shared text.
Keep Parent Content with super
Call block.super to keep the parent block content and add your own around it, instead of replacing it entirely.
{% block content %}{{ block.super }}<p>Extra</p>{% endblock %}Inheritance Can Nest
A child can itself be a base for deeper pages. Layered layouts let sections share a sub-shell while still using the global one.
extends Goes First
Only one extends is allowed and it must lead the file. Anything before it, even a comment, breaks the inheritance.
Blocks Build Pages
Think of a page as a base full of blocks that children fill. This keeps every page consistent and edits in one place.
Quick Check
Recall how a child connects to its layout.
Recap: Write Layout Once
You learned to define blocks in a base and fill them with extends in children, even keeping parent content via block.super. Next: linking routes and assets.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Pewarisan Template dengan extends dan block” gratis?
Ya — teks lengkap “Pewarisan Template dengan extends dan block” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Django Academy, upgrade ke CoddyKit PRO. Kursus Django Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Pewarisan Template dengan extends dan block”?
Bangun tata letak dasar dan timpa bagian-bagiannya Kamu berlatih Django Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Django Academy?
Tidak diperlukan pengalaman sebelumnya. Django Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.
Berapa lama pelajaran “Pewarisan Template dengan extends dan block” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Django Academy ini?
Ya. Setiap pelajaran Django Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- render() dan Konteks Template
- Tag dan Filter Template
- Pewarisan Template dengan extends dan block
- Tag url dan Tag static