بناء صفحات ويب تعمل باللوحة المفاتيح باستخدام JavaScript
تعلم كيفية التقاط مدخلات لوحة المفاتيح وتحديث أنماط صفحة الويب ديناميكيًا باستخدام مستمعي الأحداث (event listeners) الحديثة في JavaScript وتقنيات معالجة DOM.
💬مدرب ذكاء اصطناعي اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت.
🕐ابدأ في أي وقت بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك.
🌐بالعربية الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
يتطلب إنشاء صفحات ويب عالية التفاعل فهمًا قويًا لكيفية تفاعل المستخدمين مع لوحات المفاتيح الخاصة بهم. يرشدك هذا المساق خلال عملية التقاط ضغطات المفاتيح لتغيير عناصر صفحة الويب ديناميكيًا في الوقت الفعلي. ستنتقل من كتابة HTML و CSS الثابتة إلى كتابة JavaScript سريعة الاستجابة وتعتمد على الأحداث (event-driven). من خلال فهم كيفية تسجيل المتصفح لمدخلات لوحة المفاتيح، ستتمكن من بناء واجهات سهلة الاستخدام تتفاعل فورًا مع إجراءات المستخدم.
ما ستتعلمه: فهم أساسيات نموذج كائن المستند (DOM) وكيفية تفاعل JavaScript مع عناصر HTML؛ التقاط مدخلات المستخدم باستخدام مستمعي أحداث لوحة المفاتيح الحديثة (keyboard event listeners)؛ الوصول إلى خصائص المفاتيح واستخدامها بأمان، مع تجنب الميزات المهملة (deprecated features)؛ تعديل أنماط CSS ديناميكيًا لتغيير ألوان النص وتخطيطات الصفحة على الفور؛ تطبيق ممارسات الوصول الأساسية لضمان بقاء التفاعلات التي تعتمد على لوحة المفاتيح سهلة الاستخدام؛ هيكلة كود JavaScript الخاص بك بشكل نظيف باستخدام صيغة ES6+ الحديثة وأفضل الممارسات.
يبدأ المساق بالمفاهيم الأساسية لاختيار DOM وانتشار الأحداث (event propagation). ستنتقل بعد ذلك عبر شروحات مكتوبة وتمارين برمجة منظمة توضح كيفية ربط مفاتيح محددة بتغييرات الأنماط.
تم تصميم هذا المساق للمبتدئين الذين لديهم فهم أساسي لـ HTML و CSS ويرغبون في بدء رحلتهم في برمجة JavaScript التفاعلية. لا تتطلب خبرة برمجية متقدمة. ابدأ القراءة اليوم لإضفاء الحيوية على صفحات الويب الخاصة بك باستخدام أدوات تحكم لوحة المفاتيح سريعة الاستجابة.
ما الذي ستحصل عليه
📜شهادة إتمام أضفها إلى ملفك على LinkedIn
💬مدرّس AI شخصي عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت.
♾️وصول مدى الحياة عُد متى شئت، بلا انتهاء
📱الهاتف أو الكمبيوتر يعمل في أي مكان وعلى أي جهاز
💸استرداد خلال 14 يومًا دون أسئلة
⚡قصير ومركَّز 3 ساعة من المحتوى التطبيقي
شهادة إتمام
كل دورة تكملها على PickAClass تُصدر شهادة كهذه — أصلية، بكودها الخاص، قابلة للتحقّق عبر الرابط، ومفصّلة عمّا أُثبت فعلًا.
P
PickAClass
ملف المهارات · قابل للتحقّق
وثيقة
شهادة إتقان
تشهد هذه الوثيقة بأن
الاسم واللقب
أثبت بنجاح إتقان
بناء صفحات ويب تعمل باللوحة المفاتيح باستخدام JavaScript
المهارات المُثبَتة
✓
تحليل أنماط السلوك
تأسيسي
1.2 ساعة
✓
أطر معمارية لاتخاذ القرارات
متمكّن
1.4 ساعة
✓
تصميم اختبار A/B
متمكّن
1.7 ساعة
✓
كتابة نصوص سلوكية
متقدّم
1.9 ساعة
P
PickAClass — الاسم واللقب
بناء صفحات ويب تعمل باللوحة المفاتيح باستخدام JavaScript
