أنماط تصميم تطبيقات الويب
53 صفحة عن أنماط التصميم والتصيير والأداء في الويب: أنماط JavaScript (المفرد، الوسيط، النموذج الأولي، المراقب، الوحدات...) وأنماط React وNext.js (HOC، render props، الخطافات، التصيير في الخادم والعميل، Server Components) وأنماط Vue — مع أمثلة شيفرة وشرح للأداء.
الحالة مترجم بالكامل
الصفحات 53
الأقسام 53
من خارطة التعلّم تطوير الويب الكامل
الترخيص CC BY-NC 4.0
لغات الشيفرة JavaScript + TypeScript + React + Vue
أنماط JavaScript
25- 01 مقدمة
- 02 تقسيم الحزمة (Bundle Splitting)
- 03 ضغط JavaScript (Compressing JavaScript)
- 04 الاستيراد الديناميكي (Dynamic Import)
- 05 نمط المصنع (factory)
- 06 نمط الوزن الخفيف (flyweight)
- 07 الاستيراد عند التفاعل (Import On Interaction)
- 08 الاستيراد عند الظهور (Import On Visibility)
- 09 تحسين تسلسل التحميل لديك
- 10 نمط الوسيط/البرمجيات الوسيطة (mediator/middleware)
- 11 نمط المزيج (mixin)
- 12 نمط الوحدة (module)
- 13 نمط المراقب (observer)
- 14 الجلب المسبق (Prefetch)
- 15 التحميل المسبق (Preload)
- 16 نمط النموذج الأولي (prototype)
- 17 نمط الوسيط (proxy)
- 18 نمط PRPL (PRPL Pattern)
- 19 التقسيم حسب المسار (Route Based Splitting)
- 20 نمط المفرد (singleton)
- 21 الاستيراد الساكن (Static Import)
- 22 تحسين تحميل الأطراف الثالثة
- 23 إزالة الشيفرة الميتة (Tree Shaking)
- 24 تحريك انتقال العرض (view transition)
- 25 افتراضية القوائم (List Virtualization)
أنماط React وNext.js
16- 01 نظرة عامة على React.js
- 02 العرض في جانب العميل
- 03 النمط المركّب
- 04 نمط المكوّن من رتبة عليا (HOC)
- 05 نمط الخطافات (Hooks Pattern)
- 06 التوليد الساكن التزايدي
- 07 نظرة عامة على Next.js
- 08 تحسين تطبيقات Next.js وفق Core Web Vitals
- 09 نمط الحاوية/العرض التقديمي
- 10 الترطيب التدريجي
- 11 أنماط حزمة React
- 12 مكوّنات React الخادمية
- 13 نمط خصائص العرض (render props)
- 14 العرض في جانب الخادم
- 15 العرض الساكن
- 16 البث مع العرض في جانب الخادم
أنماط Vue
12