انتقل إلى المحتوى
KnowledgeCity

CSS المتقدم

تعلم المهارات المتقدمة لتنسيق صفحة ويب
شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ18.
دورة تدريبية: عند الطلب
متقدم مقدِّم الخدمة Cliff Brozo  6 الفصول ·  18 الدروس ·  1h 47m  باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese 

وصف الدورة

تعتبر أوراق الأنماط الانسيابية (CSS) طريقة شائعة لتنسيق صفحات الويب. يستخدم (CSS) لتحديد الأنماط التقنية وأحجام الجداول وأي جانب موجود في صفحات الويب. ستتعلم أساسيات (CSS)، بما في ذلك الخطوط والقوائم والمحاذاة والترميز والخلفيات والحدود. تركز دورة أوراق الأنماط الانسيابية المتقدمة (CSS3) على إنشاء وتنسيق لعبة الأسئلة والأجوبة التفاعلية. من خلال الجمع بين (HTML) و(CSS) و(JavaScript)، ستتعلم تقنيات لإنشاء استجابات موقوتة وإشارات مرئية ورسوم متحركة لإضافة المتعة والتشويق إلى تجربة الألعاب. سيتم تقديم المنطق للتحكم في دوال المؤقت وفتح وإغلاق لوحات النوافذ عبر (JavaScript).

ما ستتعلمه

  • تصميم لعبة أسئلة وأجوبة تفاعلية وقابلة للتشغيل
  • بناء لوحة لعبة Grid Box والكود البرمجي الذي يولّدها
  • إنشاء عدة مؤقتات عداد تنازلي تشمل مؤقتات المكعب، والتحكم في لوحات النوافذ باستخدام JavaScript
  • إضافة الصوت وتصميم شاشات البداية والأزرار الأنيقة والشعارات للعبة
  • التحكم في المؤشر باستخدام CSS وجعل الأقسام تظهر وتختفي
  • تنسيق رسومات المتجهات القابلة للتحجيم (SVG)

النقاط الرئيسية

  • يجمع الكورس بين HTML وCSS وJavaScript لإنشاء لعبة أسئلة وأجوبة تفاعلية.
  • يستخدم المتعلمون تقنيات مثل الردود المحددة بوقت والإشارات البصرية والرسوم المتحركة لإضافة عنصر الإثارة إلى تجربة الألعاب.
  • تُقدَّم JavaScript لتوفير المنطق البرمجي الذي يتحكم في وظائف المؤقت وفتح لوحات النوافذ وإغلاقها.
  • يتناول الكورس تنسيق رسومات المتجهات القابلة للتحجيم (SVG) والتحكم في المؤشر باستخدام CSS.
  • من خلال بناء اللعبة، يكتسب المتعلمون معرفة عملية بـ JavaScript إلى جانب تقنيات CSS3 المتقدمة.

الأسئلة الشائعة

ما الذي يتناوله كورس CSS المتقدم هذا؟

يركّز الكورس على إنشاء وتنسيق لعبة أسئلة وأجوبة تفاعلية من خلال الجمع بين HTML وCSS وJavaScript. ويشمل بناء لوحة اللعبة وتصميم نوافذ التمرير وتنسيق المؤقتات وإنشاء شاشات البداية والأزرار الأنيقة والشعارات والتحكم في المؤشر باستخدام CSS وتنسيق رسومات المتجهات القابلة للتحجيم (SVG).

ما المهارات التي سأكتسبها من هذا الكورس؟

ستكتسب مهارات في أوراق الأنماط المتتالية (CSS) وأكواد CSS وأطر عمل CSS وبرمجة HTML وأوراق أنماط JavaScript وCSS الموجه للكائنات، إلى جانب المعرفة العملية بـ JavaScript.

هل سأتعلم JavaScript في هذا الكورس؟

نعم. يُقدّم الكورس JavaScript للتحكم في وظائف المؤقت وفتح لوحات النوافذ وإغلاقها، ومن أهدافه اكتساب المعرفة العملية بـ JavaScript.

ما نوع المشروع الذي سأبنيه؟

ستُصمّم لعبة أسئلة وأجوبة تفاعلية وقابلة للتشغيل، تشمل لوحة لعبة Grid Box وعدة مؤقتات عداد تنازلي وصوتاً وشاشات بداية وأقساماً تظهر وتختفي.