مسار تعليمي

خارطة طريق مطور JavaScript

ما تتعلمه، بالترتيب، لتعمل مطورًا بلغة JavaScript: اللغة وTypeScript، ثم سطر الأوامر وGit وSQL، ثم هياكل البيانات والخوارزميات التي تختبرها المقابلات، وأخيرًا كود يستطيع الفريق صيانته. والأساس نفسه يخدم العمل في الواجهة الأمامية والواجهة الخلفية والتطوير الشامل (full-stack). مجانًا، بالتطبيق العملي، داخل متصفحك.

ابدأ التعلم(مجاني)

528,995+ من الـ codders مسجلون في هذه الدورات

651 درسًا662 تحديات2,785 أسئلة الاختبار

مناسب للمبتدئين
مساعدة برمجية بالذكاء الاصطناعي
دروس تفاعلية عملية
تعليق صوتي في كل درس
اختبارات لقياس معرفتك
14 شهادات مجانية على طول المسار

خارطة طريق مطور JavaScript، خطوة بخطوة

17 دورات7 أقسام651 درسًا662 تحديات2,785 أسئلة الاختبار

كل خطوة مكوّنة من مساقات موجودة بالفعل على Coddy، وكل زر «ابدأ» يفتحها بلغة JavaScript. سر على الخطوات بالترتيب، أو ابدأ بالخطوة التي تنقصك؛ تقدمك محفوظ لكل مساق على حدة.

1
الخطوة 1
JavaScript، ثم TypeScriptصفحة مخصصة
ابدأ هذه الخطوةابدأأربعة أقسام. يغطي قسم «الأساسيات» المتغيرات، والمساواة الصارمة والمرنة، والتحويل الضمني للأنواع (type coercion)، والدوال والدوال السهمية، والمصفوفات؛ ويغطي قسم «المنطق وتدفق التنفيذ» السلاسل النصية، وJSON والكائنات، وعامل الانتشار (spread)، والمجموعات (sets)، ودوال المصفوفات map وfilter وreduce وsort؛ ويغطي قسم «مقدمة إلى TypeScript» الأنواع الأساسية، والصفوف (tuples)، وأنواع الاتحاد، والواجهات، والتعدادات، والأنواع العامة، وحُرّاس الأنواع (type guards)؛ ويغطي قسم «البرمجة كائنية التوجه» this، والوحدات (modules)، والأصناف، والحقول الخاصة، والوراثة، والتركيب (composition). تعلّمها بعمق: فكل إطار عمل تقابله لاحقًا هو JavaScript في جوهره، وقواعدها المتساهلة، == إلى جانب === والتحويل الصامت للأنواع، تظل فخاخًا فقط إلى أن تعرفها.ابدأ صفحة مخصصة
4 أقسام، بالترتيب
271 درسًا315 تحديات1,457 أسئلة7 مشاريع
2
الخطوة 2
Linux وسطر الأوامرصفحة مخصصة
ابدأ هذه الخطوةابدأالملفات ومساراتها، وأحرف البدل (wildcards)، وgrep، والأنابيب وإعادة التوجيه، والصلاحيات، ومتغيرات البيئة، وسكربتات shell. أدوات JavaScript تعيش في الطرفية: npm install وnpx وخوادم التطوير وعمليات البناء ومشغّلات الاختبارات كلها أوامر، والسكربتات في package.json أوامر shell، والبيانات السرية تصل إلى تطبيق Node.js كمتغيرات بيئة عبر process.env.ابدأ صفحة مخصصة82 درسًا80 تحديات440 أسئلة3 مشاريع
3
الخطوة 3
Git وإدارة الإصداراتصفحة مخصصة
ابدأ هذه الخطوةابدأتجهيز التغييرات (staging)، والالتزامات، و.gitignore، والفروع، والدمج والتعارضات، والتراجع عن الأخطاء، والمستودعات البعيدة. في مشروع JavaScript يُتجاهل node_modules/ منذ الالتزام الأول، بينما يُضاف package-lock.json إلى الالتزامات، وملف القفل (lockfile) كثير التعديل هو حيث تتعارض الفروع المتوازية في أغلب الأحيان. وخدمات الاستضافة مثل Vercel وNetlify تنشر مع كل دفع (push)، لذا ففي كثير من فرق الويب يكون الدمج في main إصدارًا.ابدأ صفحة مخصصة58 درسًا55 تحديات370 أسئلة2 مشاريع
4
الخطوة 4
أساسيات SQLصفحة مخصصة
ابدأ هذه الخطوةابدأالتصفية، والترتيب، والربط (joins)، والتجميع، والدوال التجميعية، والاستعلامات الفرعية، وعبارات WITH، ودوال النافذة (window functions)، على جداول حقيقية. التطوير الشامل بلغة JavaScript يعني قاعدة بيانات خلف الواجهة البرمجية (API)، غالبًا PostgreSQL أو MySQL، يُوصل إليها عبر ORM أو أداة لبناء الاستعلامات مثل Prisma؛ وقراءة SQL الذي ترسله هي الطريقة التي تكتشف بها سبب بطء نقطة نهاية (endpoint) ما.ابدأ صفحة مخصصة72 درسًا76 تحديات360 أسئلة1 مشروع
5
الخطوة 5
هياكل بيانات مبنية بيدك
ابدأ هذه الخطوةابدأالمكدس والطابور والقائمة المترابطة والشجرة الثنائية وجدول التجزئة، كل واحد منها يُبنى من الصفر بلغة JavaScript ثم يُستخدم في حل المسائل. إنها الأشكال التي تعمل عليها تطبيقات JavaScript أصلًا: سجل التراجع مكدس، وحلقة الأحداث (event loop) تعمل عبر طابور، وقائمة الخيارات المتداخلة أو مستند JSON شجرة.ابدأ
5 دورات، بالترتيب
66 درسًا56 تحديات4 مشاريع
6
الخطوة 6
الخوارزميات والتفكير التعاودي
ابدأ هذه الخطوةابدأتحديات التعاود، ثم خوارزميات الترتيب بلغة JavaScript: الفقاعي والاختياري والإدراجي والدمج والسريع، وكل خوارزمية ترتيب منها مقرونة بأداة تصوير الخوارزميات على Coddy. التعاود جزء من JavaScript اليومية، في اجتياز كائن متداخل أو شجرة مكونات، وله سقف: إن تعمّقت أكثر من اللازم فإن V8، المحرك الموجود في Chrome وNode.js، يرمي RangeError: Maximum call stack size exceeded. وهذه الخطوة تعلّمك أن تتوقع ذلك قبل وقوعه.ابدأ
6 دورات، بالترتيب
62 درسًا41 تحديات158 أسئلة4 مشاريع
7
الخطوة 7
كود يستطيع الآخرون قراءته
ابدأ هذه الخطوةابدأمشروع كائني التوجه تبنيه من أوله إلى آخره وبنك من مسائل البرمجة، وكلاهما بلغة JavaScript. يحسم Prettier مسائل التنسيق، وينبّه ESLint إلى بعض الأخطاء؛ أما التسمية وحجم الدوال وموضع كل مسؤولية فمتروكة لك، وهي ما يعلّق عليه المراجعون.ابدأ
2 دورات، بالترتيب
1. مشروع OOP - User Class8 درسًا8 تحديات1 مشروع
2. مسائل البرمجة32 درسًا31 تحديات
40 درسًا39 تحديات1 مشروع

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

كل ما ستستخدمه لتتعلّم البرمجة

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

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

playground.js

محرر الأكواد

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

اختبار #1

اختبار #2

اختبار #3

الإدخال

"Alex"

الإخراج

"Hello, Coddy! Alex"

ابنِ سلسلتك

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

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

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

January 2026

ضعف أو لا شيء

اليوم 5 من 7

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

2 left

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

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

250

المتغيرات

متابعة

4.9

التقييم

لست وحدك

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

دوري المتحدّينأفضل 7 يتقدمون

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

منطقة الترقية

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

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

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

صوت

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

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

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

1xSarah

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

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

شهادة إتمام

يُشهد بأنمحمد أحمدقد أتمّ بنجاح

أساسيات Python

التاريخيناير 2026

أضف إلى LinkedIn

لماذا تتبع خارطة طريق JavaScript هذه على Coddy

لغة واحدة عبر الويب كله. تعمل JavaScript في كل متصفح، ومع Node.js تشغّل أيضًا الخوادم وأدوات البناء والسكربتات، لذا فإن وظائف الواجهة الأمامية والواجهة الخلفية والتطوير الشامل تبدأ كلها من الأساس الذي تبنيه خارطة الطريق هذه، قبل أن تتفرع.
TypeScript داخل الخطوة الأولى. يضم مساق JavaScript قسمًا كاملًا عن TypeScript، من الأنواع الأساسية وأنواع الاتحاد (unions) إلى الواجهات والتعدادات (enums) والأنواع العامة (generics)، لذا فإن JavaScript ذات الأنواع التي تكتبها كثير من الفرق المحترفة جزء من اللغة التي تتعلمها، لا مفاجأة تنتظرك في وظيفتك الأولى.
تدريب على المقابلات بلغة JavaScript. هياكل البيانات وتحديات التعاود وخوارزميات الترتيب الخمس كلها تُدرَّس بلغة JavaScript، فتتدرب على المقابلات باللغة التي سيُطلب منك استخدامها فعلًا.
تصحيح وتلميحات، ولا شيء لتثبيته. ينتهي كل درس بتحدٍّ بلغة JavaScript تصحّحه حالات اختبار، ويشير Bugsy، مدرّسك بالذكاء الاصطناعي، إلى موضع الخطأ دون أن يكتب لك الإصلاح. ومعظم المساقات تنتهي بشهادة مجانية، ولا حاجة إلى إعداد Node.js أو محرر: كل شيء يعمل داخل المتصفح.

أسئلة شائعة حول أن تصبح مطور JavaScript

كم يستغرق أن تصبح مطور JavaScript؟

من ستة إلى اثني عشر شهرًا، بمعدل ساعة يوميًا تقريبًا، نطاق معقول للانتقال من الصفر إلى مقابلة لوظيفة مبتدئة. في خارطة الطريق هذه يستغرق مساق JavaScript، بما فيه قسم TypeScript، من ثمانية إلى عشرة أسابيع؛ ويستغرق سطر الأوامر وGit وSQL نحو شهر مجتمعة؛ وتستغرق خطوتا هياكل البيانات والترتيب شهرين آخرين. ثم يأتي التخصص، إطار عمل مثل React أو واجهة خلفية مبنية على Node.js، تجسّده في مشروع أو اثنين يمكنك عرضهما.

هل JavaScript لغة أولى جيدة لمهندس البرمجيات؟

نعم، مع تنبيه واحد. فهي تعمل في كل مكان، وتعرض النتائج في المتصفح فورًا، وتقود مباشرة إلى عمل مدفوع الأجر على الويب. أما التنبيه فهو أن JavaScript تتسامح مع أخطاء ترفضها لغات أخرى: فالمعامل == يحوّل الأنواع قبل المقارنة، والخاصية المفقودة تكون undefined بدل أن تكون خطأ. ولهذا تتضمن الخطوة الأولى في خارطة الطريق هذه TypeScript، ولهذا تجعلك خطوات هياكل البيانات تبني كل هيكل بنفسك.

ماذا يحتاج مطور JavaScript أن يعرف إلى جانب JavaScript؟

سطر الأوامر وGit وSQL، وهي ما تغطيه خارطة الطريق هذه، ثم المنصة التي تكتب لها، وهي ما لا تغطيه: HTML وCSS وDOM وإطار عمل مثل React في المتصفح، أو Node.js وnpm وHTTP على الخادم. ومسار الواجهة الأمامية (Frontend) على Coddy يغطي جانب المتصفح، بما في ذلك React، ويكمل من حيث تتوقف هذه الصفحة.

هل أتعلم TypeScript أم JavaScript أولًا؟

JavaScript أولًا، ثم TypeScript بعدها بوقت قصير. إذ إن TypeScript هي JavaScript مضافًا إليها الأنواع، وأخطاؤها لا تصبح مفهومة إلا حين تعرف ما تفعله JavaScript التي تحتها. ومساق JavaScript مرتّب بهذه الطريقة: قسمان من JavaScript الخالصة، ثم قسم TypeScript، ثم البرمجة كائنية التوجه.

أي مساق في خارطة الطريق هذه لا يُدرَّس بلغة JavaScript؟

مساق واحد: الكود النظيف لا يُدرَّس حتى الآن إلا بلغة Python، لذا تجده مدرجًا بعد الخطوات، لا في الخطوة السابعة. وموضوعه، أي التسمية وحجم الدوال والبنية، يُقرأ بالطريقة نفسها في أي لغة، وأدوات فحص الكود (linters) مثل ESLint لا تلتقط إلا جزءًا منه. وكل الخطوات بلغة JavaScript، بما فيها المشروع كائني التوجه ومسائل البرمجة.

هل خارطة طريق JavaScript هذه مجانية؟

نعم. كل مساق فيها مجاني: الدروس، والمحرر وطرفية Linux داخل متصفحك، والتحديات التي تُصحَّح بالاختبارات، وتلميحات Bugsy، والشهادات. يرفع اشتراك Pro الحد اليومي للطاقة ويتيح مساعدة ذكاء اصطناعي بلا حدود، ولا شيء في خارطة الطريق هذه يتطلبه.

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

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

كل المسارات التعليمية

ابدأ مسار مهندس برمجيات مجانًا

ابدأ التعلّم