SKIP TO CONTENT
GENERAL TRACK

جعل الأشياء تفاعلية

أضف الأزرار والعدادات والسلوك الديناميكي إلى صفحاتك باستخدام JavaScript.

1ما هي JavaScript؟

حتى الآن، كانت صفحاتك ثابتة — فهي تعرض المحتوى لكن لا شيء يتغير عند التفاعل معها. JavaScript هي ما يبعث الحياة في الصفحات. إنها «الدماغ» الذي يستمع إلى النقرات، ويحدّث النص، ويخفي العناصر ويظهرها، ويتفاعل مع ما يفعله المستخدم.

لغات الويب الثلاث

HTML

الهيكل — ما هو المحتوى الذي يظهر على الصفحة

CSS

المظهر — كيف يبدو المحتوى (الألوان والمسافات والخطوط)

JavaScript

الدماغ — كيف يتصرف الصفحة وتتفاعل مع المستخدمين

عندما تبرمج ميزات تفاعلية مع الذكاء الاصطناعي، فإنه يجمع بين الثلاثة معًا. قد يكون طلبك «أضف زرًا يحسب النقرات»، فيكتب الذكاء الاصطناعي HTML (الزر) وCSS (كيف يبدو) وJavaScript (ما يحدث عند النقر) كل ذلك دفعة واحدة.

Your guide

2طلب: "أضف زرًا يحسب النقرات"

3تخصيص العدّاد

4طلب: "أضف زر تبديل للوضع الداكن"

5تحدٍّ: ابنِ قائمة مهام تفاعلية