كل المقالات

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

8 دقيقة قراءة

Next.js في الإنتاج: المصادقة والأداء والنشر

دليل خبير لأخذ تطبيق موجّه تطبيق Next.js إلى الإنتاج مع TypeScript — المصادقة بطبقات (الوسيط، وطبقة الوصول للبيانات، والجلسات بكوكيز httpOnly)، ومتغيّرات البيئة وإبقاء الأسرار على الخادم، والأداء بـ next/image وnext/font والاستيراد الديناميكيّ وتحليل الحزمة، ومعالجة الأخطاء بـ error.tsx وnot-found، والنشر على Vercel أو ذاتيًّا بخرج standalone — مع أخطاء شائعة وتمارين.

Next.jsTypeScriptProductionAdvanced
7 دقيقة قراءة

التوجيه المتقدّم في Next.js بعمق

دليل خبير لميزات التوجيه القويّة في موجّه تطبيق Next.js مع TypeScript — مجموعات المسارات للتنظيم وتعدّد التخطيطات الجذرية، والمقاطع الديناميكية والماسكة الشاملة مع generateStaticParams، والمسارات المتوازية بفتحاتٍ مُسمّاة، والمسارات المُعترِضة للنوافذ المنبثقة، ومعالِجات المسار (route.ts) كنقاط نهاية، والوسيط (middleware) للمصادقة وإعادة التوجيه، وtemplate مقابل layout، وملفّات البيانات الوصفية — مع أخطاء شائعة وتمارين.

Next.jsTypeScriptRoutingAdvanced
8 دقيقة قراءة

التعديلات وأفعال الخادم في Next.js بعمق

دليل خبير لتغيير البيانات في موجّه تطبيق Next.js بأفعال الخادم وTypeScript — ما فعل الخادم وكيف يعمل 'use server'، وأفعال النماذج والتحسين التدريجيّ، وuseActionState لحالة النموذج وأخطاء التحقّق، وuseFormStatus لواجهة الانتظار، وuseOptimistic للتحديثات التفاؤلية، وإعادة التحقّق وإعادة التوجيه بعد تعديل، وربط الوسائط الإضافية، واستدعاء الأفعال خارج النماذج، وقواعد الأمان المهمّة لأن الأفعال نقاط نهايةٍ عامّة — مع أخطاء شائعة وتمارين.

Next.jsTypeScriptServer ActionsAdvanced
9 دقيقة قراءة

العرض والتخزين المؤقّت في Next.js بعمق

دليل خبير لكيفية عرض موجّه تطبيق Next.js وتخزينه مؤقّتًا — العرض الساكن مقابل الديناميكيّ وما الذي يُطلِق كلًّا، وطبقات التخزين الأربع (تحفيظ الطلب، وذاكرة البيانات، وذاكرة المسار الكاملة، وذاكرة الموجّه)، وتخزين fetch في Next 15+ (غير مخزّن افتراضيًّا)، وإعادة التحقّق الزمنية وعند الطلب بـ revalidateTag/revalidatePath، وunstable_cache للبيانات غير fetch، وتهيئة مقطع المسار، والتدفّق بـ Suspense وloading.tsx، والعرض المسبق الجزئيّ — مع أخطاء شائعة وتمارين.

Next.jsTypeScriptPerformanceAdvanced
5 دقيقة قراءة

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

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

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

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

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

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

TypeScript، المستوى المتقدّم: الأنواع الشرطية والمُسقَطة، وinfer، وعُدّة الأنواع

طبقة البرمجة على مستوى الأنواع في TypeScript — الأنواع الشرطية وinfer، والأنواع المُسقَطة مع إعادة تسمية المفاتيح والمُعدِّلات، وأنواع القوالب الحرفية، والأنواع العَودية، وبناء أنواعك المساعِدة، وملفّات الإعلان وتوسعة الوحدات، ودوال التوكيد والتحميل الزائد، وربط أنواع وقت الترجمة بالتحقّق وقت التشغيل — مع تمارين عملية وحلولها.

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

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

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

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

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

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

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

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

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

JavaScriptTestingVitestAdvanced