شرح لطيف لمفهوم : SPA (single-page-application) !
1⃣ طريقة عمل الويب هي ان كل ما client يدخل الى صفحة معنية يرسل request الى السيرفر وبالتالي يرسل صفحة HTML وهذا يؤثر على اداء الموقع من ناحية السرعة و الكفاءة . ولذلك اصحبت هناك حاجة لظهور نظام SPA !
2⃣ طيب يا اخي النظام هذا شلون يشتغل ؟
- بدال ما يرسل طلب الى السيرفر و بالتالي السيرفر يرد بصفحة HTML اخرى , نرسل طلب عن طريق AJAX و السيرفر يرد ب API يحمل بيانات المستخدم فقط !
- بدال ما يرسل طلب الى السيرفر و بالتالي السيرفر يرد بصفحة HTML اخرى , نرسل طلب عن طريق AJAX و السيرفر يرد ب API يحمل بيانات المستخدم فقط !
3⃣ يا الطيب كلامك سليم لكن كيف نبدا نشتغل ؟
- بسيطة تتعلم احدى اطر العمل المبنية بواسطة Javascript مثل Angular , Vue او React .
- بسيطة تتعلم احدى اطر العمل المبنية بواسطة Javascript مثل Angular , Vue او React .
4⃣ وبعدها الأسلوب الأشهر المستخدم هنا هو أن تقسم موقعك بالكامل من ناحية العرض View, الى مكونات صغيرة جداً, مثل قطع الـ Puzzle, و تحاول أن تخطط كيف تعيد إستخدام هذه القطع أكثر من مرة لصنع كل تلك الصفحات. و كلما زادت القطع الي تستخدمها أكثر من مرة, وفرت على نفسك الكثير من الالم😅!
5⃣ والله خوش فكرة , تقدر تعطيني مثال حي يعني عشان اقتنع؟
- فيه مواقع كثيرة على الانترنت تستخدم هذا النظام والشركات الكبرى تتجه لتطوير مواقعها لتناسب الوضع الحالي مثل :
- Twitter
- Soundcloud
- Github
- Facebook [ تقريبا ]
- فيه مواقع كثيرة على الانترنت تستخدم هذا النظام والشركات الكبرى تتجه لتطوير مواقعها لتناسب الوضع الحالي مثل :
- Soundcloud
- Github
- Facebook [ تقريبا ]
6⃣ الفوائد من استخدامك للنظام :
- سرعة التحميل اكبر من الطريقة العادية .
- يقل الضغط على السيرفر لان مهمته تصير جلب البيانات فقط.
- ممكن انه يتحول الى PWA بشكل اسرع من التطبيق العادي .
* وش هو الPWA ?
- اسهل من ناحية التعديل و الصيانة .
- سرعة التحميل اكبر من الطريقة العادية .
- يقل الضغط على السيرفر لان مهمته تصير جلب البيانات فقط.
- ممكن انه يتحول الى PWA بشكل اسرع من التطبيق العادي .
* وش هو الPWA ?
- اسهل من ناحية التعديل و الصيانة .
7⃣ طيب اكيد له عيوب "هي هتفضل حلاوة كده على طول الخط"؟
- طبعا لكن الفوائد اكثر :
- قد لا تكون متوافقة مع جميع المتصفحات .
CC: Internet Explorer 😒!
- جزء كبير من SPA عبارة عن ملفات JS فا يتم تنزيل ملفات بأحجام ضخمة قد تسبب مشاكل في RAM .
- اذا المستخدم عطل JS هتخرب كل حاجة 😅!
- طبعا لكن الفوائد اكثر :
- قد لا تكون متوافقة مع جميع المتصفحات .
CC: Internet Explorer 😒!
- جزء كبير من SPA عبارة عن ملفات JS فا يتم تنزيل ملفات بأحجام ضخمة قد تسبب مشاكل في RAM .
- اذا المستخدم عطل JS هتخرب كل حاجة 😅!
Loading suggestions...