0Pricing
Flask Academy · درس

تضمين الأجزاء القابلة لإعادة الاستخدام

أدرج أشرطة التنقل والتذييلات باستخدام include.

تضمين الأجزاء القابلة لإعادة الاستخدام درس مجاني في Flask Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Flask Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Flask Academy 4 دروس في المجموع.

بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.

Some Parts Are Shared, Not Page-Wide

A navbar or footer appears on many pages but is not the whole layout. For these chunks you reach for include instead of inheritance. 🧱

extends vs include

Use extends to inherit a full skeleton, but use include to drop a small reusable snippet into the current template at that spot.

The include Tag

The include tag pastes another template file right where you place it. The included file renders as if its markup were written inline.

{% include "navbar.html" %}

A Partial Is Just a Template

A partial is an ordinary template holding only a fragment, like a nav bar. Naming it _navbar.html signals it is meant to be included.

<nav><a href="/">Home</a></nav>

Include in Your Base

You can include a partial inside the base so every page that extends it gets the navbar automatically, with no repeated markup.

<body>
  {% include "navbar.html" %}
  {% block content %}{% endblock %}
</body>

Partials See the Context

An included partial can read the same variables as the page that includes it, so a navbar can show the logged-in user name.

{% include "navbar.html" %}

Pass Extra Context

You can hand a partial its own values with with, scoping variables so the snippet stays focused and predictable.

{% include "card.html" with context %}

Tolerate a Missing File

Add ignore missing so a missing partial is skipped silently instead of crashing the page render.

{% include "ads.html" ignore missing %}

Keep Partials Small

A good partial does one job: a footer, a flash message bar, a single card. Small, focused fragments are easy to reuse and reason about.

Organize Partials in a Folder

Group fragments under a partials subfolder and reference them by that path. It keeps full pages and reusable snippets clearly separated.

{% include "partials/footer.html" %}

Edit Once, Update Everywhere

Fix the footer in its partial and every page that includes it updates together. That single edit is exactly why include exists. ✨

Quick Check

When should you reach for include instead of extends?

Recap: Partials

Use include to embed small shared snippets like navbars and footers. Keep them tiny, folder-organized, and edit them in one place. 🎯

الأسئلة الشائعة

هل درس «تضمين الأجزاء القابلة لإعادة الاستخدام» مجاني؟

نعم — نص درس «تضمين الأجزاء القابلة لإعادة الاستخدام» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Flask Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Flask Academy 4 دروس في المجموع.

ماذا ستتعلم في «تضمين الأجزاء القابلة لإعادة الاستخدام»؟

أدرج أشرطة التنقل والتذييلات باستخدام include. تتمرن على Flask Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Flask Academy؟

لا تُشترط خبرة سابقة. Flask Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.

كم من الوقت يستغرق درس «تضمين الأجزاء القابلة لإعادة الاستخدام»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Flask Academy هذا؟

نعم. كل درس في Flask Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. تعريف قالب أساسي باستخدام الكتل
  2. تمديد القالب الأساسي في الصفحات الفرعية
  3. تضمين الأجزاء القابلة لإعادة الاستخدام
  4. وحدات الماكرو للترميز المتكرر
← العودة إلى Flask Academy