مسار تعليمي

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

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

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

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

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

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

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

17 دورات7 أقسام651 درسًا577 تحديات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 درسًا288 تحديات1,457 أسئلة
2
الخطوة 2
Linux وسطر الأوامرصفحة مخصصة
ابدأ هذه الخطوةابدأالملفات ومساراتها، وأحرف البدل (wildcards)، وgrep، والأنابيب وإعادة التوجيه، والصلاحيات، ومتغيرات البيئة، وسكربتات shell. أدوات JavaScript تعيش في الطرفية: npm install وnpx وخوادم التطوير وعمليات البناء ومشغّلات الاختبارات كلها أوامر، والسكربتات في package.json أوامر shell، والبيانات السرية تصل إلى تطبيق Node.js كمتغيرات بيئة عبر process.env.ابدأ صفحة مخصصة82 درسًا68 تحديات440 أسئلة
3
الخطوة 3
Git وإدارة الإصداراتصفحة مخصصة
ابدأ هذه الخطوةابدأتجهيز التغييرات (staging)، والالتزامات، و.gitignore، والفروع، والدمج والتعارضات، والتراجع عن الأخطاء، والمستودعات البعيدة. في مشروع JavaScript يُتجاهل node_modules/ منذ الالتزام الأول، بينما يُضاف package-lock.json إلى الالتزامات، وملف القفل (lockfile) كثير التعديل هو حيث تتعارض الفروع المتوازية في أغلب الأحيان. وخدمات الاستضافة مثل Vercel وNetlify تنشر مع كل دفع (push)، لذا ففي كثير من فرق الويب يكون الدمج في main إصدارًا.ابدأ صفحة مخصصة58 درسًا46 تحديات370 أسئلة
4
الخطوة 4
أساسيات SQLصفحة مخصصة
ابدأ هذه الخطوةابدأالتصفية، والترتيب، والربط (joins)، والتجميع، والدوال التجميعية، والاستعلامات الفرعية، وعبارات WITH، ودوال النافذة (window functions)، على جداول حقيقية. التطوير الشامل بلغة JavaScript يعني قاعدة بيانات خلف الواجهة البرمجية (API)، غالبًا PostgreSQL أو MySQL، يُوصل إليها عبر ORM أو أداة لبناء الاستعلامات مثل Prisma؛ وقراءة SQL الذي ترسله هي الطريقة التي تكتشف بها سبب بطء نقطة نهاية (endpoint) ما.ابدأ صفحة مخصصة72 درسًا72 تحديات360 أسئلة
5
الخطوة 5
هياكل بيانات مبنية بيدك
ابدأ هذه الخطوةابدأالمكدس والطابور والقائمة المترابطة والشجرة الثنائية وجدول التجزئة، كل واحد منها يُبنى من الصفر بلغة JavaScript ثم يُستخدم في حل المسائل. إنها الأشكال التي تعمل عليها تطبيقات JavaScript أصلًا: سجل التراجع مكدس، وحلقة الأحداث (event loop) تعمل عبر طابور، وقائمة الخيارات المتداخلة أو مستند JSON شجرة.ابدأ
5 دورات، بالترتيب
66 درسًا34 تحديات
6
الخطوة 6
الخوارزميات والتفكير التعاودي
ابدأ هذه الخطوةابدأتحديات التعاود، ثم خوارزميات الترتيب بلغة JavaScript: الفقاعي والاختياري والإدراجي والدمج والسريع، وكل خوارزمية ترتيب منها مقرونة بأداة تصوير الخوارزميات على Coddy. التعاود جزء من JavaScript اليومية، في اجتياز كائن متداخل أو شجرة مكونات، وله سقف: إن تعمّقت أكثر من اللازم فإن V8، المحرك الموجود في Chrome وNode.js، يرمي RangeError: Maximum call stack size exceeded. وهذه الخطوة تعلّمك أن تتوقع ذلك قبل وقوعه.ابدأ
6 دورات، بالترتيب
62 درسًا37 تحديات158 أسئلة
7
الخطوة 7
كود يستطيع الآخرون قراءته
ابدأ هذه الخطوةابدأمشروع كائني التوجه تبنيه من أوله إلى آخره وبنك من مسائل البرمجة، وكلاهما بلغة JavaScript. يحسم Prettier مسائل التنسيق، وينبّه ESLint إلى بعض الأخطاء؛ أما التسمية وحجم الدوال وموضع كل مسؤولية فمتروكة لك، وهي ما يعلّق عليه المراجعون.ابدأ
2 دورات، بالترتيب
1. مشروع OOP - User Class8 درسًا1 تحديات
2. مسائل البرمجة32 درسًا31 تحديات
40 درسًا32 تحديات

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

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

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to 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 الحد اليومي للطاقة ويتيح مساعدة ذكاء اصطناعي بلا حدود، ولا شيء في خارطة الطريق هذه يتطلبه.