تعلم JavaScript: دورة برمجة
تعلم JavaScript: دورة برمجة — دورة JavaScript مع وحدة تحكم حقيقية في جيبك
تعلم JavaScript: دورة برمجة هو دورة JavaScript مجانية على iOS وAndroid تضم 59 دورة قصيرة و200 درس، بدءًا من أول متغيّر لك ووصولًا إلى event loop. يعمل JavaScript على الهاتف نفسه، لذلك يستجيب محرر JS ووحدة التحكم المدمجان فورًا، فيما تحافظ الممارسة اليومية — توقّع الناتج، ومطاردات الأخطاء، وkata الأسبوعية — على جاهزية مهاراتك البرمجية.
- السعر
- مجاني، مع ترقية Pro
- المنصات
- iOS وAndroid
- اللغات
- 22
- التصنيف العمري
- 4+
- الإصدار
- 82.6.1
- يتطلب
- iOS 15.1 أو أحدث
- App Store
- 5.0 ★ (1)
يعمل المحرك على الهاتف، لذا تظهر النتيجة فورًا.
ينفّذ JS Lab لغة JavaScript على الجهاز. اكتب سطرًا في وحدة التحكم وشاهد النتيجة فورًا، أو دع التطبيق يشغّل مقطعًا برمجيًا لعرض الناتج الحقيقي لبطاقة توقّع الناتج بدلًا من شرح ما يُرجّح أن يفعله.
ما هو
تعلم JavaScript: دورة برمجة هو تطبيق مجاني على iOS وAndroid يعلّمك JavaScript خطوة بخطوة: 59 دورة و200 درس متدرّج من A1 إلى C1، تغطي القيم والنطاق، والدوال وthis، وDOM، وFetch API، وpromises وasync/await، وclosures، وclasses، وgenerators وevent loop. ويقرن الدروس بمحرر JS، ووحدة تحكم JavaScript، وممارسة يومية تعمل على الهاتف، إلى جانب AI Mentor للحظات التي لا يبدو فيها مفهوم أو رسالة خطأ مفهومة.
داخل التطبيق
كيف يبدو
الدورة
ما تغطيه دورة JavaScript
59 دورة و200 درسًا من قائمة دورات التطبيق، تبدأ من المتغير الأول، مرورًا بالمتصفح والأكواد غير المتزامنة، وصولًا إلى ميزات اللغة المتقدمة.
مرحبًا بك في JavaScript
بداية في JavaScript تتناول المفاهيم والإعداد، ثم القيم والأنواع، والمتغيرات ونطاقها، وتدفق التحكم، ونظرة أولى على المصفوفات والكائنات.
JavaScript للاستخدام اليومي
القوالب النصية، والتسلسل الاختياري، والدمج بالتشارك مع null، والتفكيك، وrest وspread، وطرق المصفوفات عالية الرتبة، وJSON ومعالجة الأخطاء.
DOM والأحداث
تحديد DOM والتنقل فيه، ومعالجة العناصر، والتعامل مع الأحداث، وتفويض الأحداث وانتشارها، والنماذج وحقول الإدخال.
التعامل مع الشبكة والتخزين
واجهة Fetch API، وتخزين الويب باستخدام localStorage وsessionStorage، وFormData ومعالجة الملفات، وتخزين العميل باستخدام IndexedDB.
JavaScript غير المتزامن
عمليات الاستدعاء، والوعود والمهام المصغرة، واستخدام async/await عمليًا، والمؤقتات والجدولة، والتعمق في حلقة الأحداث.
الدوال والإغلاقات والفئات
الدوال وthis، والإغلاقات ونمط الوحدات، والتطبيق الجزئي وتركيب الدوال، والفئات والوراثة، والربط المتقدم لـ this.
ميزات اللغة المتقدمة
المكررات والمولدات، وMaps وSets، وProxy وReflect، والرموز، والتعبيرات النمطية، وعدم قابلية التغيير.
الوحدات والعاملون والأداء
وحدات ES مقارنةً بـ CommonJS، والاختلافات بين Node والمتصفح، وWeb Workers، وعمال الخدمة، والأداء والذاكرة، والاختبار.
كيف يعمل
كيف تسير جلسة JavaScript
تجمع الجلسة بين درس قصير وشيء لتشغيله، ثم تُختتم باختبار سريع، بحيث يحدث الشرح والممارسة في الجلسة نفسها.
اقرأ درسًا قصيرًا
أنهِ درسًا يستغرق بضع دقائق: شرحًا واضحًا مع أسئلة ومهمة برمجية صغيرة. الدورة الأولى مجانية، وتستمر الدروس في العمل حتى مع اتصال ضعيف.
شغّل الكود في JS Lab
اكتب في وحدة التحكم، وتوقّع ناتج بطاقة يومية وشاهد المحرك يعرض الإجابة الحقيقية، أو أصلح برنامجًا معطّلًا بالاستناد إلى جدول حالات الاختبار.
تحقّق وتعمّق
اختتم باختبار قصير أو مهمة برمجية، وتتبّع event loop خطوة بخطوة عندما يربكك الكود غير المتزامن، واسأل AI Mentor عندما يرفض شيء ما أن يصبح مفهومًا.
ماذا يتضمن
ما يتضمنه التطبيق
59
دورة، من A1 إلى C1
200 درس، بدءًا من القيم والأنواع مرورًا بـ DOM events وfetch وpromises وasync/await ووصولًا إلى closures وProxy وReflect وregex والأداء.
على الجهاز
محرر JS ووحدة تحكم
اكتب JavaScript وشغّله في المحرر المدمج، وجرّب أوامر من سطر واحد في وحدة التحكم، واحفظ البرامج لفتحها لاحقًا. تراجع AI Tools في المحرر أحد البرامج وتقترح إصلاحًا يمكنك تطبيقه.
يوميًا
ممارسة JS Lab
توقّع الناتج، وطارد الأخطاء بالاستناد إلى حالات الاختبار، وجرّب kata مجانية كل أسبوع، وأداة لتتبّع event loop خطوة بخطوة، وساحة DOM، وخمسة أسئلة مقابلات محددة الوقت، ومجموعة بطاقات للمراجعة مبنية على أخطائك أنت.
60
مهمات برمجية
تمارين قصيرة في ثلاثة مستويات، بدءًا من Hello World وtemplate literals ووصولًا إلى FizzBuzz وclosures وMerge Sort وQuicksort وBFS أو DFS على رسم بياني.
20
مشاريع موجّهة
أنشئ برامج مثل Order Totals وWord Frequency Counter وAsync Data Pipeline وMini Event Bus خطوة بخطوة، مع التحقّق من كل خطوة عند تشغيلها.
AI
AI Mentor
اطرح سؤالك بلغة واضحة عندما يعيقك مفهوم أو خطأ ما. يحصل المستخدمون المجانيون على بضعة أسئلة كل يوم؛ أما Pro فيزيل الحد اليومي.
الخلفية
لماذا يصعب تعلّم JavaScript من القراءة وحدها، وما الذي تحتاج إلى ممارسته؟
يتصرّف JavaScript بطرق يسهل قراءتها ويصعب توقّعها: فقد يحتوي متغيّر على دالة، وتتغيّر قيمة this بحسب طريقة استدعاء الدالة، ولا يُنفّذ الكود دائمًا بالترتيب الذي كُتب به. تساعد قراءة الشروحات، لكن المفاجآت لا تترسّخ إلا بعد تشغيل الكود ورؤية الناتج مخالفًا لتوقّعك. لذلك ينجح تعلّم JavaScript على أفضل نحو عند وجود وحدة تحكم قريبة وعادة منتظمة لتوقّع ما سيطبعه مقطع برمجي قبل تشغيله.
النطاق وclosuresحيث تعيش المتغيّرات
تتذكّر الدالة المتغيّرات المحيطة بالمكان الذي كُتبت فيه، حتى بعد انتهاء تنفيذ ذلك المكان. تشرح هذه الفكرة الواحدة الحالة الخاصة، ونمط module، وعدة أسئلة كلاسيكية في المقابلات.
قيمة thisالعقبة المعتادة
على خلاف معظم اللغات، يعتمد ما تشير إليه this على طريقة استدعاء الدالة، لا على المكان الذي عُرّفت فيه. وتغيّر arrow functions وcall وapply وbind الإجابة كلٌّ بطريقته، كما أن الخلط بينها مصدر شائع للأخطاء.
event loopلماذا يفاجئ الكود غير المتزامن الناس
ينفّذ JavaScript شيئًا واحدًا في كل مرة، ثم يعود إلى قائمة انتظار بالمهام المنتظرة. ويُنفّذ callback الخاص بـ promise قبل مؤقّت مضبوط على صفر مللي ثانية، ولهذا يبدو ترتيب الناتج خاطئًا أحيانًا إلى أن تتخيّل call stack وmicrotasks وtasks.
Browser وNodeلغة واحدة، وبيئتا تشغيل
اللغة الأساسية واحدة في كليهما، لكن Browser يضيف DOM وevents وfetch، بينما يضيف Node الملفات والعمليات. ومعرفة الميزات التي تنتمي إلى كل بيئة توفّر عليك كثيرًا من رسائل الخطأ المربكة.
الملاءمة
لمن يناسب — ولمن لا يناسب
يناسبك إذا كنت
- لم تبرمج من قبل وتريد شرح JavaScript بدءًا من المتغير الأول
- تتعلم بصورة أفضل عندما تتمكن من تشغيل سطر من الأكواد ورؤية ما يطبعه
- تريد ممارسة يومية يمكنك إنهاؤها خلال بضع دقائق بدلًا من جلسة دراسة طويلة
- تستعد لمقابلة حول JavaScript وتريد أسئلة مع إجابات، بالإضافة إلى ممارسة محددة بوقت
- تريد فهم الأكواد غير المتزامنة وحلقة الأحداث، لا مجرد نسخ الأنماط
ليس الأداة المناسبة لك إذا كنت
- تحتاج إلى بناء مشروع ويب كامل متعدد الملفات — ولا يزال الكمبيوتر المحمول والمحرر الحقيقي المكان المناسب لذلك
- تتوقع أن يكون كل شيء مجانيًا: الدورة الأولى ومشروع واحد ومهمتان مجانًا، بينما يفتح Pro بقية المحتوى
- لا تحب الإعلانات في التطبيق المجاني — يعرضها الإصدار المجاني ويزيلها Pro
- تكتب JavaScript يوميًا بالفعل وتريد مرجعًا بدلًا من دورة
الأسئلة
الأسئلة الشائعة
هل توجد دورة جيدة في JavaScript يمكنني متابعتها على هاتفي؟
تعلم JavaScript: دورة برمجة هي دورة JavaScript مصممة للهاتف: تضم 59 دورة قصيرة و200 درس، ومحرر JS ووحدة تحكم مدمجين يشغّلان الأكواد على الجهاز، وبطاقات ممارسة يومية. تمزج الدروس بين شرح موجز وأسئلة ومهام أكواد صغيرة، بحيث تنتهي كل جلسة بشيء شغّلته فعليًا.
هل يمكنني تشغيل أكواد JavaScript على هاتفي باستخدام هذا التطبيق؟
نعم. يشغّل JS Lab لغة JavaScript على الهاتف نفسه، لذلك تعرض وحدة التحكم النتائج مباشرة، ويشغّل المحرر البرامج الكاملة. يمكنك حفظ البرامج وفتحها مرة أخرى لاحقًا، كما تستطيع AI Tools في المحرر مراجعة برنامج واقتراح إصلاح لتطبيقه.
ما أسرع طريقة لتعلم البرمجة بلغة JavaScript للمبتدئ تمامًا؟
ممارسة قصيرة ومنتظمة باستخدام أكواد تشغّلها بنفسك. تبدأ تعلم JavaScript: دورة برمجة بالقيم والمتغيرات، وتضيف هدفًا يوميًا وسلاسل إنجاز للحفاظ على انتظام الجلسات، وتمنحك وحدة التحكم لتجربة الأشياء. وتبني بطاقات توقّع الناتج اليومية عادة التفكير في الأكواد قبل تشغيلها.
ما هو JS Lab؟
JS Lab هي مساحة الممارسة اليومية في تعلم JavaScript: دورة برمجة. وتضم وحدة تحكم، وبطاقات توقّع الناتج، وعمليات بحث عن الأخطاء يجري التحقق منها مقابل حالات اختبار، وتحديًا أسبوعيًا، وأداة للتقدم خطوة بخطوة في حلقة الأحداث، وساحة DOM، وخمسة أسئلة مقابلة محددة بوقت، ومجموعة مراجعة مبنية على أخطائك أنت.
هل يشرح التطبيق async/await وحلقة الأحداث؟
نعم. توجد دورات حول عمليات الاستدعاء والوعود والمهام المصغرة، واستخدام async/await عمليًا، والتعمق في حلقة الأحداث. وإلى جانبها، تتيح لك أداة حلقة الأحداث التقدم خطوة بخطوة عبر مكدس الاستدعاءات والمهام المصغرة والمهام، واحدة تلو الأخرى، لترى سبب ظهور الناتج بالترتيب الذي يظهر به.
هل تساعد تعلم JavaScript: دورة برمجة في مقابلات JavaScript؟
تضم 50 سؤالًا لمقابلات JavaScript مع إجابات، ووضع Interview في JS Lab مع خمسة أسئلة محددة بوقت. وتحظى الإغلاقات وthis والوعود وحلقة الأحداث — وهي الموضوعات التي تركز عليها المقابلات — كلٌّ منها بدورة مخصصة.
هل تعلم JavaScript: دورة برمجة مجانية؟
يمكن تنزيلها مجانًا. الدورة الأولى، والمشروع الإرشادي الأول، ومهمتا برمجة، والممارسة اليومية في JS Lab، وحصة يومية من AI Mentor مجانية، ويعرض الإصدار المجاني الإعلانات. يفتح Pro جميع الدورات والمشاريع والمهام، ويتيح AI Mentor بلا حدود وامتحان الشهادة، ويزيل الإعلانات.
هل توجد شهادة؟
نعم. يمنحك اجتياز الامتحان النهائي في تعلم JavaScript: دورة برمجة شهادة إتمام. وهي تسجل العمل الذي أنجزته؛ لكنها ليست مؤهلًا معتمدًا، لذا يُفضل عرضها إلى جانب مشاريع يمكنك شرحها ومناقشتها.
هل يعلّم المتصفح إلى جانب اللغة؟
نعم. إلى جانب اللغة نفسها، تغطي الدورات تحديد DOM ومعالجته، والأحداث وتفويض الأحداث، والنماذج، وFetch API، وlocalStorage، وIndexedDB، وCanvas، وWebSockets، وWeb Workers. كما تقارن دورة منفصلة بين Node والمتصفح، لتعرف الميزات التي تنتمي إلى كل منهما.
ما المنصات واللغات التي يدعمها؟
يعمل تعلم JavaScript: دورة برمجة على iPhone وiPad عبر App Store، وعلى Android عبر Google Play، بـ22 لغة. وتصنيفه 4+ على App Store.
ابدأ الآن
اكتب أول سطر لك من JavaScript اليوم
يمكنك البدء مجانًا على iOS وAndroid، بـ22 لغة.
المزيد من CoddyKit
متاح على iOS و Android.