طريقة إنشاء نافذة منبثقة (Popup) باستخدام HTML و CSS و JavaScript | خطوة بخطوة للمبتدئين
في هذا الدرس العملي، ستتعلم طريقة إنشاء نافذة منبثقة (Popup) باستخدام HTML وCSS وJavaScript بدون أي مكتبات خارجية.
سواء كنت مبتدئًا أو مطور واجهات أمامية (Front-End)، هذا الشرح سيمنحك المهارات الأساسية لإنشاء Popup تفاعلي يظهر عند الضغط على زر أو تنفيذ حدث معين.
🔍 ما الذي ستتعلمه في هذا الفيديو؟
تصميم هيكل النافذة المنبثقة باستخدام HTML
تنسيق مظهر الـ Popup باستخدام CSS لجعلها تظهر بشكل احترافي
استخدام JavaScript للتحكم في عرض وإغلاق النافذة عند الضغط على زر أو خارج الإطار
💡 هذه المهارة أساسية لكل مطور ويب، وتُستخدم كثيرًا في إشعارات الدخول، التنبيهات، أو العروض الترويجية في المواقع.
📌 لا تنسَ الاشتراك في القناة ومتابعة باقي الدروس لتطوير مهاراتك في تصميم واجهات المواقع الحديثة.
⌚ أقسام الفيديو
00:00 | المقدمة
00:20 | كتابة أكواد HTML
01:24 | كتابة CSS
07:44 | كتابة أكواد javaScript
#popup #نافذة_منبثقة #تعلم_البرمجة #HTML #CSS #JavaScript #تصميم_مواقع #تطوير_ويب #واجهة_المستخدم #FrontEnd #تعليم_برمجة #برمجة_بالعربي