كل المقالات

الموسومة بـ: JavaScript

7 دقيقة قراءة

وعود JavaScript: ترويض الشيفرة غير المتزامنة

دليل عملي كامل للوعود (Promises) — ما هي وحالاتها الثلاث، وإنشاؤها واستهلاكها، والتسلسل بـ then/catch/finally، والمجمّعات (all وallSettled وrace وany)، وانتشار الأخطاء، وتوقيت المهام الدقيقة، والأخطاء الشائعة — مع تمارين عملية وحلولها.

JavaScriptPromisesAsyncFrontend
5 دقيقة قراءة

التعبيرات النمطية في JavaScript: مطابقة الأنماط بلا خوف

دليل عملي للتعبيرات النمطية في JavaScript — الصياغة الحرفية مقابل الباني، وأصناف المحارف، والمكمّمات، والمرابط، والمجموعات والبدائل، والأعلام، وتوابع السلاسل (test وmatch وmatchAll وreplace وsplit)، والالتقاط والمجموعات المسمّاة، والاستباق/الاستلحاق، والمزالق الشائعة — مع تمارين عملية وحلولها.

JavaScriptRegexStringsAdvanced
5 دقيقة قراءة

وحدات ES والأدوات الحديثة: من السكربتات إلى التطبيقات

دليل عملي لوحدات JavaScript وسلسلة أدوات البناء — التصديرات المسمّاة والافتراضية، وصياغة import، ولماذا للوحدات نطاقها الخاص، والاستيراد الساكن مقابل الديناميكي، ورسم الوحدات البياني، وnpm وpackage.json، والمُجمِّعات مثل Vite، وكيف يعمل البناء الحديث — مع تمارين عملية وحلولها.

JavaScriptModulesToolingFrontend
6 دقيقة قراءة

معالجة الأخطاء والتنقيح: الفشل برشاقة وإيجاد العلل بسرعة

دليل عملي لمعالجة الأخطاء والتنقيح في JavaScript — try/catch/finally، وكائن Error وأصناف الأخطاء المخصّصة، والرمي الجيّد، ومعالجة الأخطاء غير المتزامنة، والمعالِجات العامة، وعُدّة تنقيح عملية في DevTools (نقاط التوقّف، ومكدّس الاستدعاء، وتوابع console، وخرائط المصدر) — مع تمارين عملية وحلولها.

JavaScriptErrorsDebuggingAdvanced
6 دقيقة قراءة

الإغلاقات والنطاق وthis: الآليات وراء JavaScript

دليل أعمق لنموذج تنفيذ JavaScript — النطاق المعجمي وسلسلة النطاق، والرفع والمنطقة الميتة الزمنية، والإغلاقات والأنماط التي تتيحها (الحالة الخاصّة، المصانع، التخزين المؤقّت)، وقواعد this الأربع، وcall/apply/bind، والدوال السهمية — مع تمارين عملية وحلولها.

JavaScriptClosuresScopeAdvanced
6 دقيقة قراءة

JavaScript الوظيفية: الدوال النقية والثباتية والتركيب

دليل عملي للبرمجة الوظيفية في JavaScript — الدوال النقية والآثار الجانبية، والثباتية وكيف تحدّث البيانات بلا تغيير، والدوال من الدرجة الأولى وعالية الرتبة، وmap/filter/reduce، والتركيب والـ currying، ولماذا يقوم React على هذا الأسلوب — مع تمارين عملية وحلولها.

JavaScriptFunctionalImmutabilityAdvanced
5 دقيقة قراءة

تخزين المتصفح والحالة: localStorage والكوكيز وIndexedDB وأكثر

دليل عملي لتخزين البيانات في المتصفح — localStorage وsessionStorage، والكوكيز وأعلامها، ومتى تستخدم كلًّا، وIndexedDB للبيانات المنظّمة الأكبر، وواجهة Cache، والأمان وحدود الحجم، وأنماط إبقاء حالة التطبيق — مع تمارين عملية وحلولها.

JavaScriptStorageBrowserAdvanced
11 دقيقة قراءة

DOM: من الصفر إلى الاحتراف

دليل عملي كامل لنموذج كائن المستند (DOM) — ما هو DOM حقًّا، واختيار العقد والتنقّل بينها، وقراءة المحتوى وتغييره، والسمات مقابل الخصائص، والأصناف والأنماط، وإنشاء العناصر وإدراجها وحذفها، ونموذج الأحداث (الفقاعة، والتفويض، وpreventDefault)، والنماذج، والأداء (إعادة التدفّق/الرسم، والأجزاء، وdebounce)، والأخطاء الشائعة، وتمارين عملية مع حلولها.

JavaScriptDOMBrowserFrontend
7 دقيقة قراءة

أداء JavaScript والذاكرة: سريع، سلس، بلا تسريبات

دليل عملي لجعل JavaScript سريعة — النموذج أحادي الخيط وتجنّب حجب الخيط الرئيسي، وdebounce وthrottle، والتخزين المؤقّت، وتحديثات DOM الفعّالة والتجميع، وتسريبات الذاكرة وكيف تحدث، وجمع المهملات، وWeakMap/WeakSet، والقياس بـ DevTools — مع تمارين عملية وحلولها.

JavaScriptPerformanceMemoryAdvanced
6 دقيقة قراءة

النماذج الأولية والأصناف والبرمجة الكائنية في JavaScript

دليل عملي للبرمجة الكائنية في JavaScript — سلسلة النموذج الأولي وكيف يعمل البحث عن الخصائص، ودوال الباني، وصياغة class، والتوابع والنموذج الأولي، والوراثة بـ extends وsuper، والأعضاء الساكنة، والحقول الخاصّة #، وgetters/setters، والتركيب على الوراثة — مع تمارين عملية وحلولها.

JavaScriptOOPClassesPrototypes
6 دقيقة قراءة

المُكرِّرات والمولّدات: التسلسلات الكسولة في JavaScript

دليل عملي لبروتوكول التكرار في JavaScript — ما الذي يجعل شيئًا قابلًا للتكرار، وبروتوكول المُكرِّر، وfor...of ومعامل النشر، وكتابة دوال المولّد بـ function* وyield، والتسلسلات الكسولة واللانهائية، وتفويض المولّدات، والمُكرِّرات غير المتزامنة — مع تمارين عملية وحلولها.

JavaScriptIteratorsGeneratorsAdvanced
6 دقيقة قراءة

Async/Await: شيفرة غير متزامنة تُقرأ كأنها متزامنة

دليل عملي كامل لـ async/await — كيف يبني على الوعود، وكلمة await، ومعالجة الأخطاء بـ try/catch، وتشغيل المهام بالتوازي مقابل التتابع، ودوال async التي تُرجِع وعدًا دائمًا، وtop-level await، والحلقات وعدم التزامن، والأخطاء الشائعة — مع تمارين عملية وحلولها.

JavaScriptAsyncPromisesFrontend
6 دقيقة قراءة

TypeScript: مقدّمة عملية لمطوّري JavaScript

دليل عملي لـ TypeScript — لماذا تهمّ الأنواع الساكنة، والأنواع الأساسية والمستنتَجة، والواجهات وأسماء الأنواع، والاتحادات والأنواع الحرفية، والأنواع العامة، والاختياري وللقراءة فقط، والتضييق، وتنميط الدوال وعدم التزامن، وكيف يتكامل في مشروع حقيقي — مع تمارين عملية وحلولها.

TypeScriptJavaScriptTypesAdvanced
6 دقيقة قراءة

Fetch وHTTP: التحدّث إلى واجهات API من المتصفح

دليل عملي كامل لـ HTTP وواجهة Fetch — نموذج الطلب/الاستجابة، والطرق ورموز الحالة، والترويسات، وfetch مع GET وPOST، وإرسال JSON وتحليله، ولماذا لا يرفض fetch عند 404، ومعالجة الأخطاء، وAbortController والمهل، وCORS، والأخطاء الشائعة — مع تمارين عملية وحلولها.

JavaScriptHTTPFetchAPIs
16 دقيقة قراءة

أساسيات JavaScript: من الصفر إلى الاحتراف

دليل عملي كامل لكل ما يحتاجه المطوّر في JavaScript — كيف تعمل، والمتغيّرات والنطاق، والأنواع والتحويل، والدوال والإغلاقات، وthis، والكائنات والمصفوفات، والتفكيك، وحلقة الأحداث، والوعود وasync/await، والوحدات، وDOM، ومعالجة الأخطاء، والأخطاء الشائعة، وتمارين عملية مع حلولها.

JavaScriptFundamentalsProgrammingFrontend
6 دقيقة قراءة

اختبار JavaScript: الثقة عبر الاختبارات الآلية

دليل عملي لاختبار JavaScript — لماذا تهمّ الاختبارات، والوحدة مقابل التكامل مقابل الطرف-إلى-الطرف، وبنية ترتيب-تنفيذ-تأكيد، وكتابة الاختبارات بـ Vitest، والتأكيدات والمطابقات، والمحاكاة، واختبار الشيفرة غير المتزامنة، وماذا تختبر (وماذا لا)، والتطوير المقاد بالاختبار — مع تمارين عملية وحلولها.

JavaScriptTestingVitestAdvanced