JavaScript

اللغة التي تشغّل الويب

تجعل JavaScript الصفحات تفاعلية وتُشغّل تطبيقات كاملة. المتغيرات والدوال والمصفوفات والكائنات، ثم الـ DOM والشيفرة غير المتزامنة والإغلاقات والأدوات الحديثة: العمود الفقري لكل مطوّر ويب.

الأسس

مبتدئ - الأساسيات خطوة بخطوة

• المتغيرات (let، const) والأنواع الأوليةاكتشف كيفية تخزين المعلومات باستخدام let و const، وتعرّف على أنواع القيم الأساسية في JavaScript.
• المُعامِلات والشروط (if/else، المقارنات، ===)تعلّم كيفية إجراء العمليات الحسابية، ومقارنة القيم باستخدام ===، وجعل برنامجك يتخذ القرارات باستخدام if و else.
• الحلقات: for، while، for...ofكرِّر التعليمات دون تكرار نفسك بفضل حلقات for و while و for...of.
• الدوال: التصريح، الوسائط، returnأنشئ كتلًا من الكود قابلة لإعادة الاستخدام باستخدام function، ومرِّر لها وسائط، واسترجع نتائجها باستخدام return.
• المصفوفات والكائنات: الإنشاء، القراءة، التعديلخزِّن عدة قيم في مصفوفات، وصِف الكيانات بكائنات، ثم تعلّم كيفية قراءتها وتعديلها.

التقدّم

متوسط - بناء مشاريع حقيقية

• توابع المصفوفات: map و filter و reduce و findتعلّم تحويل البيانات وتصفيتها وتجميعها باستخدام توابع المصفوفات الأربعة الأكثر استخدامًا في المشاريع الواقعية.
• الدوال السهمية والنطاق والقوالب النصيةأتقن الصياغة السهمية ونطاق الكتلة والإغلاقات، ثم ابنِ نصوصًا ديناميكية باستخدام القوالب النصية.
• التفكيك والنشر/التجميع (spread/rest)استخرج البيانات من الكائنات والمصفوفات بأناقة، ثم انسخ الهياكل وادمجها باستخدام عامل النشر.
• التعامل مع الـ DOM: querySelector ومستمعو الأحداثحدّد العناصر على الصفحة، وتفاعل مع النقرات، وتبنَّ تفويض الأحداث للحصول على شيفرة عالية الأداء.
• JSON وlocalStorage وأول عملية fetch لكحوّل بياناتك إلى JSON، واحفظها في المتصفح باستخدام localStorage، واسترجع البيانات البعيدة باستخدام fetch.

الإتقان المتقدّم

محترف - أنماط متقدّمة والأداء

• الإغلاقات والنطاق المعجميأتقن كيف تلتقط الإغلاقات المتغيرات لتغلّف الحالة وتتجنّب مزالق النطاق.
• ‏this والنماذج الأولية والأصنافافهم كيف يُحلّ this ديناميكيا، وكيف تعمل سلسلة النماذج الأولية، وما الذي تضيفه الأصناف فعلا إلى نموذج الكائنات.
• الشيفرة غير المتزامنة بعمق: الوعود، async/await، معالجة الأخطاءاستثمر حلقة الأحداث، ووازِ وعودك بشكل صحيح، واجعل معالجة الأخطاء غير المتزامنة موثوقة.
• وحدات ES: import/export، وهيكلة مشروعهيكل مشاريعك بوحدات ES باستثمار تحليلها الساكن وتجنّب البراميل السامة والاعتماديات الدائرية.
• تصحيح الأخطاء والمتانة: try/catch، وحدة تحكم متقدمة، أخطاء مخصصةابنِ استراتيجية أخطاء صريحة بأصناف مخصصة، وحدود التقاط موضوعة في مكانها، ووحدة تحكم مستثمَرة إلى أقصى طاقتها.

الاحتراف

خبير - البنية والتفاصيل الداخلية والحالات الحدّية

• حلقة الأحداث: مكدس الاستدعاءات، المهام الدقيقة، المهام الكبرىافهم كيف يجدول المحرك فعليا الكود المتزامن والمهام الدقيقة والمهام الكبرى.
• المكررات والمولدات وبروتوكولات التكرارأتقن البروتوكولات التي تقف خلف for...of والنشر والتفكيك، ثم استخدم المولدات لإنتاج تسلسلات كسولة.
• Proxy وReflect والبرمجة الفوقيةاعترض العمليات الأساسية للغة بواسطة مصائد Proxy وفوض السلوك الافتراضي بنظافة باستخدام Reflect.
• الذاكرة والأداء: GC، WeakMap/WeakRef، debounce/throttleافهم كيف يعمل جامع القمامة، استخدم المراجع الضعيفة لتجنب التسريبات، وخفف من العمل المكلف باستخدام debounce وthrottle.
• الأنماط الوظيفية: currying، التركيب، اللاتغيريةهيكل كودك باستخدام currying وتركيب الدوال والبيانات اللامتغيرة لتكسب قابلية التنبؤ والاختبار.