Web Storage – تخزين البيانات داخل المتصفح
🔹 Web Storage هو طريقة لتخزين البيانات محليًا في المتصفح بدل ما تضطر تخزنها في قاعدة بيانات أو تبعتها للسيرفر كل مرة.
📌 المشكلة اللي بيحلها:
- زمان، كنا بنستخدم الكوكيز (Cookies) عشان نخزن البيانات، لكنها كانت محدودة جدًا وبطيئة.
- Web Storage أسرع وبيسمح لك تخزن بيانات بحجم أكبر داخل المتصفح نفسه.
📌 أنواعه:
- Local Storage → بيحتفظ بالبيانات حتى بعد ما تقفل المتصفح.
- Session Storage → بيحتفظ بالبيانات بس طول ما الصفحة مفتوحة، ولو قفلت المتصفح أو الريلود، البيانات بتتمسح.
📌 أمثلة لاستخدامه:
- تخزين بيانات المستخدم زي الاسم أو الإعدادات.
- حفظ محتوى عربة التسوق (Shopping Cart) في موقع بيع أونلاين.
📌 مثال عملي بكود بسيط:
// تخزين بيانات في Local Storage localStorage.setItem("username", "Ahmed"); // جلب البيانات let user = localStorage.getItem("username"); console.log(user); // Ahmed