كل المقالات

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

8 دقيقة قراءة

جولة برمجة الواجهة: ثلاثة بناءاتٍ على وجهها الصحيح

فكّ شيفرة جولة برمجة الواجهة الأمامية — تشريح إجابة بناءٍ قوية (وضّح، وابنِ السلوك، وعالِج التحميل/الفراغ/الخطأ، وأضِف سهولة الوصول، واسرد طوال الوقت)، ثم ثلاثة بناءات React مُنفّذة يعشقها المُقابِلون: إكمالٌ تلقائيّ قابل للوصول بـ debounce وإلغاء طلبات، ومكوّن تبويباتٍ قابل للتنقّل بلوحة المفاتيح وفق نمط ARIA، وجدول بياناتٍ بالفرز والترشيح والترقيم. مع الحالات الحدّيّة وسهولة الوصول التي تفصل النجاح عن النجاح القويّ.

InterviewFrontendJavaScriptReact
19 دقيقة قراءة

مسائل برمجية بـ JavaScript: الكلاسيكيات محلولةً ومشروحة

تدريب عملي على المسائل البرمجية التي يسألها المُقابِلون فعلًا في JavaScript — عكس المصفوفات والنصوص، وتنفيذ call/apply/bind، وdebounce وthrottle، والنسخ العميق، وmemoize وcurry، وتسطيح المصفوفات، وتنفيذ Promise.all يدويًا، والمزيد. كل مسألة مع كيفية التفكير فيها وحلّها، إضافةً إلى أسئلة توقّع المُخرَجات التي يعشقها المُقابِلون.

JavaScriptInterviewAlgorithmsPractice
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
9 دقيقة قراءة

الإغلاقات والنطاق و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