اكواد تعلمية تستخدم شكل تفاعلي داخل بلوجر دون الحاجة الي مكتبات خارجية/23/7/2025

🎓 كروت تعليمية برمجية تفاعلية - بصياغة رحاب عبدالحميد

📅 الموقف: حساب عدد الأيام بين تاريخين (Python)

🎯 الهدف: استخدام مكتبة datetime لحساب الفارق الزمني.

from datetime import date
start = date(2025, 7, 1)
end = date(2025, 7, 23)
print("عدد الأيام:", (end - start).days)

• datetime: مكتبة تعالج التواريخ والأوقات.
• date(2025, 7, 1): يمثل تاريخ محدد.
• (end - start).days: يعيد الفرق بالأيام.

🎨 الموقف: تغيير لون زر عند الضغط (JavaScript + HTML)

🎯 الهدف: ربط حدث بالزر لتغيير تنسيقه.

<button onclick="this.style.backgroundColor='green'">اضغطني</button>

• onclick: يُنفذ الكود عند الضغط.
• this.style.backgroundColor: يغيّر لون الزر الحالي.

🗃️ الموقف: تخزين مهمة داخل جدول (SQL)

🎯 الهدف: إنشاء جدول مهام داخل قاعدة بيانات.

CREATE TABLE tasks (
  id INTEGER PRIMARY KEY,
  name TEXT,
  status TEXT
);

• CREATE TABLE: ينشئ جدولًا جديدًا.
• id INTEGER PRIMARY KEY: رقم فريد لكل مهمة.
• name TEXT: وصف المهمة كنص.

🖼️ الموقف: عرض صورة دائرية بتأثير بصري (CSS)

🎯 الهدف: تنسيق الصورة بشكل احترافي.

.avatar {
  border-radius: 50%;
  box-shadow: 0 0 10px #ccc;
}

• border-radius: 50%: يجعل الصورة دائرية.
• box-shadow: يضيف ظل خفيف.

🔔 الموقف: نافذة ترحيب عند الدخول (JavaScript)

🎯 الهدف: إظهار رسالة تلقائية للزائر.

window.onload = () => {
  alert("مرحبًا بك يا فنانة!");
};

• window.onload: يعمل عند تحميل الصفحة.
• alert(...): يُظهر نافذة تنبيه للمستخدم.

📅 التاريخ: 2025-07-23T01:26:44.827Z
🔐 التوقيع المشفّر: df35e163e9c18293286a657dba33c8013e6dabfec274b6c3e99399217d19b1c6
هذا النموذج مسجل باسم رحاب عبدالحميد، ويُعتبر مرجعًا تأسيسيًا لمبدأ الحماية الديناميكية للأفكار.
🛡️ يمنع استخدامه أو اقتباسه دون تصريح رسمي.