Menu
CoddyTech
flag Ar iconالعربيةdown icon
مسار تعليمي

تعلّم هياكل البيانات والخوارزميات بلغة JavaScript

تمنحك JavaScript كلاً من Array وMap وSet، لكنها لا تمنحك طابوراً ولا كومة ولا قائمة مترابطة ولا شجرة، ولهذا تطلب منك المقابلات بناءها. في هذا المسار تكتب كل واحد منها بلغة JavaScript، ثم تستخدمها في الترتيب والاستدعاء الذاتي والبحث في الرسوم البيانية، وتختم بأسئلة مقابلات يُصحَّح حلّك فيها. مجاناً، داخل متصفحك، مع شهادة في معظم الدورات.

377 درسًا284 تحديات702 أسئلة الاختبار

مسار DSA بلغة JavaScript، خطوة بخطوة

38 دورات377 درسًا284 تحديات702 أسئلة الاختبار

كل خطوة مجموعة من دورات Coddy الموجودة بالفعل، وكل زر «ابدأ» يفتحها بلغة JavaScript. أما الدورات الثلاث التي لا تُدرَّس بلغة JavaScript بعد، فمدرجة بعد الخطوات.

  1. 1
    ابدأ هذه الخطوةابدأالمكدس والطابور والشجرة الثنائية وجدول التجزئة والقائمة المترابطة، كل منها يُبنى من الصفر بلغة JavaScript ثم يُستخدم في حل المسائل. بعدها تعرف متى تكون المصفوفة مكدساً جيداً، ومتى تكون طابوراً رديئاً، وما الذي يفعله Map نيابة عنك.ابدأ
  2. 2
    ابدأ هذه الخطوةابدأالقائمة المترابطة المزدوجة، والأكوام وطوابير الأولوية، وأشجار البادئات (tries)، والرسوم البيانية، وشجرة AVL ذاتية التوازن: الهياكل التي لا تأتي مع JavaScript، مكتوبة بيدك. والكومة التي تكتبها هنا هي التي ستلجأ إليها في خطوة الرسوم البيانية.ابدأ
  3. 3
    ابدأ هذه الخطوةابدأالترتيب الفقاعي وبالاختيار وبالإدراج وبالدمج والسريع وبالكومة وبالعد وبالجذر، تُكتب بلغة JavaScript وتُشاهَد في أداة التصوّر. والدالة المدمجة sort() مُلزَمة بأن تكون مستقرة منذ ES2019، وV8 ينفّذها بخوارزمية Timsort؛ وبعد هذه الخطوة تعرف معنى الأمرين.ابدأ
  4. 4
    ابدأ هذه الخطوةابدأتحديات الاستدعاء الذاتي بلغة JavaScript. أما البرمجة الديناميكية (تُدرَّس بلغة Python) وعمليات البتات (تُدرَّس بلغة C++) فمدرجتان بعد الخطوات: علاقة التكرار تُقرأ بالطريقة نفسها في أي لغة، وفي JavaScript معاملات البتات نفسها، تُطبَّق على أعداد صحيحة من 32 بت.ابدأصفحة مخصصة
  5. 5
    ابدأ هذه الخطوةابدأالبحث بالعرض أولاً والبحث بالعمق أولاً، وDijkstra، وBellman-Ford، والترتيب الطوبولوجي، وKruskal وPrim بلغة JavaScript، فوق الرسم البياني الذي بنيته في الخطوة الثانية. لا يوجد في JavaScript طابور أولوية، لذا فالكومة التي بنيتها في الخطوة الثانية هي ما يحتاجه Dijkstra.ابدأ
  6. 6
    ابدأ هذه الخطوةابدأعشر حزم من تحديات المقابلات وبنكا أسئلة برمجية، الاثنتا عشرة كلها بلغة JavaScript وتُصحَّح بحالات اختبار: مسائل لم ترها من قبل، تُحَل من دون شرح مسبق. أما سلسلة مقابلات Python، وهي متاحة بلغة Python وحدها، فمدرجة بعد الخطوات.ابدأ
ما الذي تحصل عليه
كل ما ستستخدمه لتتعلّم البرمجة

تعلّم بالممارسة

اكتب أكواداً حقيقية، واستعلم من قواعد البيانات، وأنشئ مواقع ويب، وأتقن أوامر الذكاء الاصطناعي. دروسنا التفاعلية تغطي كل المهارات التي يحتاجها المطورون المعاصرون.

playground.js
محرر الأكواد
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
اختبار #1test Case Success icon
اختبار #2test Case Success icon
اختبار #3test Case Failure icon
الإدخال
"Alex"
الإخراج
"Hello, Coddy! Alex"

ابنِ سلسلتك

حافظ على الاستمرارية وشاهد تقدمك ينمو! تابع عادة البرمجة اليومية، واحمِ سلسلتك بأيام التجميد، واكسب مكافآت لحضورك كل يوم.

12 أيام متتالية

عُد غداً للحفاظ على سلسلتك!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

ضعف أو لا شيء

اليوم 5 من 7

fire Freeze icon

تجميد السلسلة

2 left

برمج في أي مكان

خذ رحلة البرمجة معك أينما ذهبت! لا إعداد، لا تنزيلات - فقط افتح وابدأ البرمجة. متوفر على iOS وAndroid والويب بتقييم 4.9 نجوم.

Python
7السلسلة
250النقاط
5الطاقة
المتغيرات
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
متابعة
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
الرحلة
الأهداف
لوحة المتصدرين
الملف الشخصي
4.9
نجمةنجمةنجمةنجمةنجمة
التقييم

لست وحدك

تنافس على لوحات المتصدرين العالمية، وادعُ أصدقاءك لكسب المكافآت، واحتفلوا بإنجازات بعضكم. البرمجة أفضل مع الأصدقاء!

دوري المتحدّين
دوري المتحدّينأفضل 7 يتقدمون
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconمنطقة الترقيةleaderboard Arrow Up icon

كل طريقة للتعلّم

اقرأ، استمع، اختبر نفسك، اسأل الذكاء الاصطناعي، أو ابحث عما درسته من قبل. كل درس يتكيّف معك.

مقدمة للمتغيّرات
صوت

المتغيّر حاوية مسمّاة تخزّن قيمة يمكن الرجوع إليها لاحقًا في برنامجك.

في بايثون، تُنشئ واحدًا بكتابة الاسم ثم علامة يساوي ثم القيمة التي تريد تخزينها.

يمكن أن تتغيّر القيمة بمرور الوقت - إعادة الإسناد ببساطة توجّه الاسم إلى قيمة جديدة.

1xSarah

احصل على شهادتك

احصل على شهادات لكل دورة تكملها. أضفها إلى ملفك على LinkedIn وسيرتك الذاتية لعرض خبرتك البرمجية لأصحاب العمل.

Coddyشهادة إتمام
يُشهد بأنمحمد أحمدقد أتمّ بنجاح
python iconأساسيات Python
موثّق
التاريخيناير 2026
LinkedInأضف إلى LinkedIn

لماذا تتعلم DSA بلغة JavaScript على Coddy

  • الهياكل التي أغفلتها JavaScript. لا توجد كومة أو طابور أولوية أو قائمة مترابطة أو شجرة مدمجة، ولهذا يُعد تنفيذ أحدها من ثوابت مقابلات JavaScript. في هذا المسار تكتبها كلها، ثم تستخدمها في دورات الرسوم البيانية والمقابلات.
  • تحضير للمقابلات لمطوّري الويب. تتضمن مقابلات الواجهة الأمامية والتطوير الشامل (full-stack) في الشركات الكبرى جولات في الخوارزميات، وعادةً ما يخوضها مرشحو الواجهة الأمامية بلغة JavaScript. وDOM شجرة، وتسلسل المكونات الهرمي شجرة أيضاً، لذا تظهر عمليات الاجتياز نفسها في أسئلة واجهات المستخدم.
  • المسار كله تقريباً بلغة JavaScript. كل هيكل بيانات وخوارزمية ترتيب وخوارزمية رسوم بيانية وتحدي استدعاء ذاتي وحزمة مقابلات يُدرَّس بلغة JavaScript. أما الدورات الثلاث التي لا تُدرَّس بها، البرمجة الديناميكية وسلسلة مقابلات Python (بلغة Python) وعمليات البتات (بلغة C++)، فمدرجة بعد الخطوات مع لغة كل منها.
  • تصحيح على طريقة المقابلات. كل درس ينتهي بتحدٍّ بلغة JavaScript تتحقق منه حالات اختبار، وحين يفشل حلّك يقرأ Bugsy شيفرتك ويدفعك نحو التصحيح من دون أن يمنحك الإجابة. شهادة مجانية في معظم الدورات، يمكن التحقق من كل واحدة منها عبر رابط خاص بها.

أسئلة شائعة عن تعلم DSA بلغة JavaScript

هل JavaScript مناسبة لهياكل البيانات والخوارزميات؟

نعم، خاصةً إن كنت تتجه إلى وظائف الواجهة الأمامية أو التطوير الشامل، حيث هي اللغة التي ستجري بها مقابلتك. وهناك ثلاث خصائص غريبة تستحق أن تتعلمها مبكراً: لا توجد كومة أو طابور مدمج، وsort() تقارن العناصر كنصوص ما لم تمرّر دالة مقارنة، وكل رقم فيها عدد بفاصلة عائمة من 64 بت، لذا تحتاج الأعداد الصحيحة التي تتجاوز 2^53 إلى BigInt.

هل في JavaScript كومة أو طابور أولوية مدمج؟

لا. لديك Array وMap وSet ونسخها الضعيفة، وهذا كل شيء. في المقابلة إما أن تكتب كومة ثنائية صغيرة في نحو ثلاثين سطراً، وإما أن تقول إنك ستستخدم واحدة وتذكر تكاليفها؛ وفي الحالتين يجب أن تكون قد كتبت واحدة من قبل. والخطوة الثانية من هذا المسار هي حيث تفعل ذلك.

لماذا تُرجع [10, 9, 1].sort() النتيجة [1, 10, 9]؟

لأن Array.prototype.sort من دون دالة مقارنة تحوّل العناصر إلى نصوص وتقارنها بترتيب UTF-16، و'10' تأتي قبل '9'. رتّب الأرقام باستخدام nums.sort((a, b) => a - b). إنه أول خطأ برمجي يصادفه معظم الناس حين يبدؤون كتابة شيفرة ترتيب بلغة JavaScript.

هل تسأل مقابلات الواجهة الأمامية عن هياكل البيانات والخوارزميات؟

في كثير من الشركات الكبرى، نعم: عادةً جولة أو جولتان عن المصفوفات وجداول التجزئة والأشجار واجتياز الرسوم البيانية، بلغة JavaScript، إلى جانب جولات واجهة المستخدم وتصميم الأنظمة. أما الشركات الأصغر فتميل أكثر إلى المهام العملية. وفي الحالتين، معرفتك أن البحث في Map يتم بزمن ثابت وأن الحلقة المتداخلة على قائمتين ليست كذلك هي ما يفصل بين إجابة تعمل وإجابة سريعة.

ما الدورات في هذا المسار التي لا تُدرَّس بلغة JavaScript؟

ثلاث دورات: البرمجة الديناميكية وسلسلة مقابلات Python تُدرَّسان بلغة Python، وعمليات البتات بلغة C++. وهي مدرجة بعد الخطوات، ولكل منها رابط يفتحها بلغتها. وفي JavaScript معاملات البتات نفسها، إضافة إلى >>>، لكنها تطبّقها على أعداد صحيحة من 32 بت، وهذا ما يجدر تذكّره حين تنقل حيلة من لغة أخرى.

هل أحتاج إلى معرفة JavaScript قبل بدء هذا المسار؟

الدوال والمصفوفات والكائنات والأصناف على الأقل. إن كانت هذه جديدة عليك، فدورة JavaScript من Coddy تغطيها أولاً مجاناً، ويبدأ هذا المسار من حيث تنتهي.

مسارات تعليمية أخرى

الدورات نفسها مرتّبة لدور مختلف. يُحفَظ التقدّم: الدورة المُنجَزة في مسار تُحتسب في كل مسار يتضمّنها.

كل المسارات التعليمية
رسم توضيحي للغات البرمجة في Coddy

ابدأ مسار هياكل البيانات والخوارزميات مجانًا

ابدأ التعلّم