Really enjoyed the flow of this. The examples were spot on and helped me grasp the material quickly. Great value.
HTML5 Canvas: بناء مشاريع تفاعلية باستخدام JavaScript
دليل قائم على المشاريع للرسم ثنائي الأبعاد والرسوم المتحركة وتفاعل المستخدم للمطورين المبدعين الطموحين.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
هل ترغب في إضفاء الحيوية على صفحات الويب الخاصة بك باستخدام رسومات مخصصة ورسوم متحركة وعناصر تفاعلية؟ تفتح واجهة برمجة تطبيقات HTML5 Canvas عالمًا من الإمكانيات الإبداعية مباشرة في المتصفح، دون الاعتماد على مكتبات خارجية.
في هذه الدورة التدريبية النصية، ستتعلم كيفية التحكم في Canvas باستخدام JavaScript لرسم أي شيء يمكنك تخيله. ستنتقل من الأشكال الأساسية إلى الرسوم المتحركة الديناميكية وستبني سلسلة من المشاريع العملية التي ترسخ فهمك وتمنحك رمزًا عمليًا للبناء عليه.
ما ستتعلمه:
- فهم المفاهيم الأساسية لواجهة برمجة تطبيقات Canvas، ونظام الإحداثيات الخاص بها، وسياق العرض ثنائي الأبعاد.
- تعلم رسم وتصميم الأشكال الأساسية والنصوص والمسارات المعقدة بدقة.
- إنشاء رسوم متحركة سلسة وعالية الأداء باستخدام حلقة الرسوم المتحركة القياسية للمتصفح.
- ممارسة التعامل مع مدخلات المستخدم من الماوس ولوحة المفاتيح لبناء تجارب تفاعلية.
- تطبيق تقنيات تحميل الصور وتحويلها ورسمها على Canvas.
- بناء لعبة تفاعلية بسيطة من الصفر، مع إدارة الحالة وعناصر تحكم اللاعب.
تبدأ الدورة بالمبادئ الأساسية للرسم على Canvas. يتم تقديم كل مفهوم جديد من خلال شروحات واضحة وتمارين عملية، وتتوج بمشاريع كاملة يمكنك أن تفخر بها.
هذه الدورة مخصصة لأي شخص لديه فهم أساسي لـ HTML و JavaScript ويرغب في استكشاف برمجة الرسومات على الويب. لا توجد خبرة سابقة في Canvas أو الرسوم المتحركة ضرورية.
ابدأ بتعلم إنشاء رسومات الويب التفاعلية الخاصة بك اليوم.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 48 دقيقة من المحتوى التطبيقي
المراجعات (3)
Overall a positive experience. I appreciated the clear objectives for each module. Could have benefited from more interactive elements.
Wow, I'm impressed. The real-world applications shown were super helpful. Made abstract ideas feel tangible. Great value!
المتعلمون أخذوا أيضًا
🎓 بشهادة
تصميم نماذج متجاوبة باستخدام CSS و jQuery
شهادة
تطبيق عملي
E£750.00
→
💼 جاهز لسوق العمل
🎓 بشهادة
تصميم الويب الحديث باستخدام Bootstrap Studio
شهادة
تطبيق عملي
E£750.00
→
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
E£750.00
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
E£750.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع