From 581ff8e865f62de4b1ccd76eef60f9f374b91142 Mon Sep 17 00:00:00 2001 From: d3j1x Date: Sat, 22 Nov 2025 16:47:31 +0100 Subject: [PATCH] =?UTF-8?q?=D8=AC.=20=D9=85=D8=A7=20=D8=A7=D9=84=D9=81?= =?UTF-8?q?=D8=B1=D9=82=20=D8=A8=D9=8A=D9=86=20=D8=A7=D9=84=D8=AE=D8=B7?= =?UTF-8?q?=D9=88=D8=B7=20=D8=A7=D9=84=D9=85=D8=A7=D8=A6=D9=84=D8=A9=20Sla?= =?UTF-8?q?shes=D8=8C=20=D9=88=D8=A7=D9=84=D9=86=D9=82=D8=B7=D8=A9=20?= =?UTF-8?q?=D8=A7=D9=84=D9=85=D9=81=D8=B1=D8=AF=D8=A9=20Single=20Dot=D8=8C?= =?UTF-8?q?=20=D9=88=D8=A7=D9=84=D9=86=D9=82=D8=B7=D8=A9=20=D8=A7=D9=84?= =?UTF-8?q?=D9=85=D8=B2=D8=AF=D9=88=D8=AC=D8=A9=20Double=20Dot=20=D9=81?= =?UTF-8?q?=D9=8A=20=D8=A8=D9=86=D8=A7=D8=A1=20=D8=AC=D9=85=D9=84=D8=A9=20?= =?UTF-8?q?=D8=A7=D9=84=D9=85=D8=B3=D8=A7=D8=B1=20Path=20Syntax=20=D8=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- basic/basic18.html | 56 ++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 54 insertions(+), 2 deletions(-) diff --git a/basic/basic18.html b/basic/basic18.html index 1a9adb0..a1ff7d3 100644 --- a/basic/basic18.html +++ b/basic/basic18.html @@ -187,7 +187,7 @@
ما البروتوكول protocol المستخدم للمسار المطل - + @@ -195,8 +195,60 @@
ما البروتوكول protocol المستخدم للمسار المطل

ج. ما الفرق بين الخطوط المائلة Slashes، والنقطة المفردة Single Dot، والنقطة المزدوجة Double Dot في بناء جملة المسار Path Syntax ؟

+

ربما سبق لك أن رأيت روابط مثل public/logo.png/، أو script.js/.، أو styles.css/... ولكن ماذا تعني هذه الأنواع الخاصة special types من الروابط؟ تُسمى مسارات الملفات file paths . هناك ثلاثة قواعد أساسية يجب معرفتها. أولها الشرطة المائلة The slash ، والتي يمكن أن تكون شرطة مائلة للخلف Backslash (\) أو شرطة مائلة للأمام Forward slash (/) حسب نظام التشغيل. ثانيها النقطة المفردة The single dot (.). وأخيرًا، لدينا النقطتان The double dot (..).

+

تُعرف الشرطة المائلة The slash باسم "فاصل المسار" path separator. تُستخدم للإشارة إلى فاصل في النص بين أسماء المجلدات أو الملفات. بهذه الطريقة، يعرف جهاز الكمبيوتر أن /naomis-files يُشير إلى مجلد directory يحمل الاسم نفسه، بينما يُشير /naomis/files إلى مجلد ملفات في مجلد naomis.

+

تشير نقطة واحدة A single dot إلى المجلد الحالي the current directory، ونقطتان Two dots إلى المجلد الرئيسي the parent directory. عادةً ما تُستخدم نقطة واحدة لضمان تمييز المسار كمسار نسبي relative path. تذكر أنك تعلمت في درس سابق عن المسارات النسبية Relative paths مقابل versus المسارات المطلقة Absolute paths.

+

مع ذلك، يُعد استخدام النقطتين Double dots أكثر شيوعًا common للوصول إلى الملفات خارج outside مجلد العمل الحالي the current working directory.

+ +

على سبيل المثال، بالنظر إلى شجرة الملفات file tree التالية:

+ +
+ 

+my-app/
+├─ public/
+│  ├─ favicon.ico
+│  ├─ index.html
+├─ src/
+│  ├─ index.css
+│  ├─ index.js
+
+
+

إذا كان ملف public/index.html يتطلب تحميل ملف favicon.ico، فاستخدم مسارًا نسبيًا relative path بنقطة واحدة a single dot للوصول إلى المجلد الحالي the current directory: favicon.ico/.. أما إذا كان ملف public/index.html يتطلب تحميل ملف index.css، فاستخدم مسارًا نسبيًا relative path بنقطتين double dots للانتقال إلى مجلد my-app الرئيسي أولًا، ثم إلى مجلد src، وأخيرًا إلى ملفك: src/index.css/...

+ + +
+ +

أسئلة :

+ +
أي خيار هو مسار مطلق Absolute path ؟
+ +

١. public/styles.css/ ✅

+

٢. script.js/. ❌

+

٣. src/nav.html/.. ❌

+

٤. https://freecodecamp.org ❌

+ +
+ +
أي خيار هو مسار نسبي Relative path للمجلد الحالي to the current directory ؟
+

١. public/styles.css/ ❌

+

٢. script.js/. ✅

+

٣. src/nav.html/.. ❌

+

٤. https://freecodecamp.org ❌

+ +
+ +
أي خيار هو مسار نسبي Relative path للمجلد الرئيسي to the parent directory ؟
+

١. public/styles.css/ ❌

+

٢. script.js/. ❌

+

٣. src/nav.html/.. ✅

+

٤. https://freecodecamp.org ❌

+ + + + + +
-