Flask Academy · درس

اصطلاح مجلد static

تعرّف إلى المكان الذي يبحث فيه Flask عن الأصول افتراضيًا.

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

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

Assets Need a Home

Your app needs CSS, JavaScript, and images. Flask gives them one default home: a folder named static next to your app. 📁

Where Flask Looks

By convention, Flask serves anything inside the static folder automatically, so you never write a route to hand out a stylesheet yourself.

The Folder Layout

Place static right beside your app.py file. Flask finds it relative to your application package without any extra setup.

myapp/
  app.py
  static/
    style.css
  templates/

The Public URL Prefix

Files in that folder are reachable under the /static URL prefix. A file named style.css becomes available at /static/style.css in the browser.

Organize with Subfolders

You can nest folders inside static to stay tidy. The path on disk simply maps to the path in the URL, one to one.

static/
  css/style.css
  js/app.js
  img/logo.png

URL Mirrors the Path

So static/css/style.css is served at /static/css/style.css. The browser path mirrors your folder structure exactly. 🔗

It Is Just a Default

The name static is a default, not a law. Flask uses it unless you tell it otherwise, which keeps every project predictable.

Rename the Folder if Needed

Pass static_folder when you create the app to point Flask at a differently named directory on disk.

from flask import Flask
app = Flask(__name__, static_folder="assets")

Change the URL Prefix Too

You can also change the public prefix with static_url_path, so assets appear under /files instead of /static.

app = Flask(__name__, static_url_path="/files")

Static Means Unchanging

These files are static because Flask sends them as-is, with no Python running. That is exactly why serving them is so fast.

Templates Are Different

Do not put HTML you render into static. Dynamic pages belong in templates, while static holds only finished, ready-to-send assets.

Quick Check

You drop logo.png into the static folder. Where can the browser reach it?

Recap: The static Folder

You learned the static convention: drop assets in that folder and Flask serves them under /static, fast and free. Next, link them cleanly. ✨

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

هل درس «اصطلاح مجلد static» مجاني؟

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

ماذا ستتعلم في «اصطلاح مجلد static»؟

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

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

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

كم من الوقت يستغرق درس «اصطلاح مجلد static»؟

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

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

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

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

← العودة إلى Flask Academy