مسار تعلم · تطوير الويب
موضوعات جافاسكربت عامة
تعلم موضوعات جافاسكريبت بفيديوهات قصيرة ومرنة، شاهد بأي ترتيب مناسب لك.
- 13 خطوة
- 13 فيديو
- المستوى: مبتدئ
- يُحدَّث باستمرار
- آخر تحديث: مارس 2025
خريطة المسار
- موضوعات أساسية
- موضوعات إضافية
- Fetch
- أنهيت المساراختبر نفسك في جافاسكربت ←
قبل أن تبدأ
يقدم حيل وطرق لكتابة كود جافاسكربت أفضل، كما يوضح بعض المفاهيم.
مصادر المسار
خطوات المسار
100 موضوعات أساسية
11 خطوة
تتعلم هنا حول موضوعات أساسية ومنوعة في جافاسكربت.
-
101 Short Circuit فيديو · رابط
ما هي short circuit في جافاسكربت؟ وكيف يتم استخدامها؟
- JavaScript Short Circuit (فيديو تعليمي) (فيديو، يفتح في نافذة جديدة)
- مقتطف حول Short Circuit (رابط، يفتح في نافذة جديدة)
-
102 Optional Chaining Operator فيديو
مشغل التسلسل الاختياري (?) في JavaScript يجعل الوصول إلى خصائص الكائنات أكثر أمانًا. يسمح بفحص وجود الكائن قبل الوصول إلى خصائصه، مما يحمي من وقوع أخطاء في حالة كان الكائن قيمته null أو غير معرفة.
-
103 بناء object من object فيديو
يمكنك بناء كائن جديد من كائن آخر عن طريق استخراج بعض الخصائص وتجميعها في الكائن الجديد. يتيح Rest Operator التقاط الخصائص المتبقية في الكائن الأصلي وتخزينها في متغير جديد.
-
104 عامل الانتشار فيديو
عامل الانتشار (Spread Operator) في جافاسكريبت هو عبارة عن نقطتين ( … ) يتم استخدامهما في سياق الكائنات (الأشياء) لنسخ الخصائص والقيم من كائن إلى آخر بطريقة مرنة وسهلة.
-
105 استخدام !! في جافاسكربيت فيديو
في JavaScript ، العبارة !!x تستخدم لتحويل قيمة متغير x إلى قيمة منطقية (Boolean) والتحقق من قيمتها.
-
105 الفرق بين let و const فيديو
let تُستخدم لتعريف المتغيرات التي يُمكن تغيير قيمتها فيما بعد، بينما const تُستخدم لتعريف المتغيرات ذات القيمة الثابتة والتي لا يمكن تعديلها بعد تعريفها.
-
107 حوّل string إلى number فيديو
سنستكشف طريقة استخدام عامل الجمع (+) في لغة JavaScript لتحويل السلاسل النصية (strings) إلى أرقام (numbers).
-
108 Is Array Empty فيديو
إذا كنت ترغب في معرفة ما إذا كانت الـ array فارغة أم لا في لغة JavaScript، يمكنك استخدام خاصية length للـ array. إذا كانت قيمة length للـ array تساوي 0، فهذا يعني أن الـ array فارغة.
-
109 دمج المصفوفات | Arrays فيديو
من خلال استخدام عامل الانتشار، يمكنك بسهولة دمج عناصر مصفوفات | Arrays متعددة في مصفوفة جديدة.
-
110 تصفية القيم الخاطئة (False Values) من المصفوفات فيديو
ستكتشف كيفية استخدام Array.filter() في JavaScript لفلترة القيم الخاطئة (False Values) من المصفوفة. ستتعلم كيفية إزالة القيم الـ false بسهولة واستنادًا إلى شروط مخصصة.
-
111 كيفية إنتاج Arrays جديدة من Arrays موجودة مسبقاً فيديو
استفد من قوة Array.map() في JavaScript لتحويل وتعديل المصفوفات بكل سهولة! استكشف هذه الوظيفة واستغل قدرتها في تحويل كل عنصر في المصفوفة وإنشاء مصفوفة جديدة تحتوي على النتائج المرغوبة.
200 موضوعات إضافية
خطوة واحدة
ستناقش هنا مواضيع ذات صعوبة متوسطة، ليست بسيطة ولكنها أيضًا ليست متقدمة للغاية.
-
201 Recursive Function فيديو
الدالة العودية/الاستدعاء الذاتي هي نوع من الدوال التي تقوم بالاستدعاء الذاتي لنفسها خلال تنفيذها، مما يسمح بحل مشكلة بشكل تكراري. تستخدم غالبًا في البرمجة لتحقيق فعالية وبساطة في تنفيذ الخوارزميات المتكررة.
300 Fetch
خطوة واحدة
دروس عامة متعلقة بارسال البيانات للسيرفر من خلال fetch وكيفية عرض الاستجابة من السيرفر.
-
301 Response.text VS Response.json فيديو
كيفية تحليل استجابات السيرفر من خلال response.text و response.json