Building 2D Games with JavaScript and HTML Canvas

Learn the fundamentals of web game programming by writing clean JavaScript, rendering interactive graphics on HTML Canvas, and implementing real-time game logic.

4.4 (659) ⏱ 1 ساعة 16 دقيقة 📚 10 درس 🎧 النسخة الصوتية

حول هذه الدورة

Want to transition from writing basic scripts to creating interactive web experiences? Game development is one of the most engaging ways to master programming logic, understand state management, and bring your code to life directly in the browser. This text-based course guides you through the foundational principles of programming 2D web games from scratch. By reading through structured explanations and analyzing clear code examples, you will learn how to structure game loops, handle user input, and render responsive graphics using modern JavaScript and the HTML Canvas API. What you'll learn: - Understand the core concepts of 2D game loops, frame rates, and coordinate systems. - Render and animate dynamic shapes and game assets using the HTML Canvas API. - Implement real-time user controls using keyboard and mouse event listeners. - Apply modern JavaScript (ES6+) syntax and clean coding practices to manage game state. - Develop collision detection algorithms and basic physics for moving game elements. - Build functional web games, including a classic paddle-and-ball game and an interactive color-matching puzzle. You will begin by exploring essential terminology, canvas rendering basics, and simple game state architecture. As you progress, you will combine these elements to manage movement, detect collisions, and apply CSS styling to create polished, interactive browser games. This course is designed for beginners who have a basic grasp of HTML and JavaScript and want to apply their skills to interactive projects. No prior game development experience or advanced mathematics are required. Start reading today to build your first browser-based game from the ground up.

ما الذي ستحصل عليه

  • 📜 شهادة إتمام
    أضفها إلى ملفك على LinkedIn
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • 🎧 النسخة الصوتية مضمَّنة
    تعلَّم أثناء تنقُّلك — دون شاشة
  • ♾️ وصول مدى الحياة
    عُد متى شئت، بلا انتهاء
  • 📱 الهاتف أو الكمبيوتر
    يعمل في أي مكان وعلى أي جهاز
  • 💸 استرداد خلال 30 يومًا
    دون أسئلة
  • قصير ومركَّز
    1 ساعة 16 دقيقة من المحتوى التطبيقي

المراجعات (8)

نورة بنت إبراهيم العزري OM متعلِّم موثَّق
★ 3 · 2026-04-30T15:10:20+00:00

كانت الدورة مثقفة، وأقدر الهيكل والأمثلة، على الرغم من أن بعض المواضيع شعرت بالتعجل قليلا، وبشكل عام، تجربة لائقة.

Kenji Sato KE متعلِّم موثَّق
★ 4 · 2026-04-27T23:08:20+00:00

Wow, I'm impressed. The real-world applications shown were super helpful. Made abstract ideas feel tangible. Great value!

Georgi Dimitrov BG
★ 4 · 2026-03-24T02:20:20+00:00

It was a pretty good course overall. Some parts moved a little fast for me, but the examples were generally helpful. Worth the time investment.

William Davis AU متعلِّم موثَّق
★ 4 · 2025-11-17T21:31:20+00:00

لقد كانت تجربة تعلم رائعة، كانت السرعة مثالية، والأمثلة عززت المفاهيم حقا، إبهام كبير إلى الأعلى!

Eduardo Barbosa BR متعلِّم موثَّق
★ 5 · 2025-09-02T06:23:20+00:00

انها دورة جيدة إذا كنت تملك بعض المعرفة المسبقة، بالنسبة للمبتدئين، بعض المفاهيم قد تكون تحدياً قليلاً، ولكن البنية منطقية.

Tariq Mehmood PK متعلِّم موثَّق
★ 4 · 2025-06-25T07:21:20+00:00

انه دورة متينة, البنية منطقية ومعظم الامثلة كانت مفيدة, يمكن استخدام بعض السيناريوهات من العالم الحقيقي

Mārtiņš Kalniņš LV
★ 4 · 2025-05-03T16:42:20+00:00

This was a brilliant way to learn! The structure was logical, the pace was spot on, and the examples were super helpful. Highly recommend!

نورة بنت إبراهيم العزري OM
★ 5 · 2025-04-02T07:21:20+00:00

لقد استمتعت بهذه الدورة استفادة كاملة، وكانت الطريقة التي عرضت بها المعلومات ممتازة، وتم إبراز التطبيقات العملية بفعالية، عمل رائع!

اكتب مراجعة

سنطلب منك تسجيل الدخول بعد الإرسال — تُحفظ مسودتك.

المتعلمون أخذوا أيضًا

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

ما الذي أحتاجه لأخذ هذه الدورة؟ +

يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.

كيف يمكنني الدفع؟ +

بالبطاقة عبر Stripe أو بالعملات الرقمية. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.

هل يمكنني استرداد المال؟ +

نعم — استرداد كامل خلال 30 يومًا، دون أسئلة.

إلى متى يستمر وصولي؟ +

إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.

هل سأحصل على شهادة؟ +

نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.

مصمَّم للعاملين في
التقنية التصميم المالية التسويق الرعاية الصحية التعليم الضيافة التصنيع