وبینار آشنایی با Web Storage همراه با پروژه

یکی از مشکلاتی که از گذشته برنامه نویسان جاوا اسکریپت با آن درگیر بوده‌اند، ذخیره‌سازی داده‌ها در مرورگر است. تکنیکی که از گذشته برای این منظور توسط برنامه نویسان به کار گرفته شده، استفاده از کوکی‌ها است. اما این تکنیک دارای اشکالات زیادی است. به همین دلیل در HTML5 تکنیک‌های بهتری برای این منظور معرفی شده‌اند.

یکی از روش‌های ذخیره‌سازی داده‌ها در مرورگر که در HTML5 معرفی شده است، Web Storage نام دارد. Web Storage شامل دو روش مجزا (localStorage و sessionStorage) برای ذخیره‌سازی داده‌ها در مرورگر است. از مهمترین مزایای Web Storage نسبت به کوکی‌ها می‌توان به موارد زیر اشاره کرد.

• داده‌ها فقط در مرورگر ذخیره می‌شوند و به سرور ارسال نمی‌شوند. بنابراین سرعت بارگذاری صفحات افزایش می‌یابد.
• تا 10MB داده را می‌توان به ازای هر دامنه ذخیره کرد. در صورتی که این عدد برای کوکی‌ها حداکثر 4KB است.
• به صورت آفلاین و محلی نیز قابل استفاده است.
• کاربری بسیار ساده‌تری نسبت به کوکی‌ها دارد.
• کاملا توسط جاوا اسکریپت کنترل می‌شوند. در صورتی که کوکی‌ها توسط سرور نیز کنترل می‌شوند.

البته ذکر این مزایا برای Web Storage به معنی کنار گذاشتن کامل کوکی‌ها نیست. در واقع کوکی‌ها در ابتدا به منظور اشتراک گذاری برخی داده‌ها بین مرورگر و سرور به وجود آمدند و هنوز هم به این منظور کاربرد زیادی دارند. اما به دلیل عدم وجود راهکاری مناسب برای ذخیره‌سازی داده‌ها در مرورگر، به مرور برای این منظور نیز مورد استفاده قرار گرفتند.

اما اکنون با ظهور HTML5 و تکنیک‌های متعددی که برای این منظور در نظر گرفته شده‌اند. استفاده از کوکی‌ها صرفا برای ذخیره‌سازی داده‌ها در مرورگر کاملا اشتباه است. و باید از روش‌های مدرن برای این منظور بهره گرفت.

البته Web Storage تنها روش انجام این کار نیست. در HTML5 روش‌های پیشرفته‌تری مانند IndexedDB و Web SQL (که بعدها منسوخ شد) نیز برای این منظور در نظر گرفته شده‌اند. البته این روش‌ها کمی پیچیده‌تر از Web Storage هستند.

در این وبینار ضمن معرفی ویژگی‌های Web Storage و نحوه‌ی استفاده از آن در جاوا اسکریپت. جهت درک بهتر موضوع، یک پروژه‌ی نسبتا ساده را به صورت کامل با Web Storage پیاده‌سازی خواهیم کرد. همچنین در نهایت، پروژه‌ی ایجاد شده را به یک نرم‌افزار موبایل (با فریمورک Cordova) تبدیل خواهیم کرد.

دانلود فایل‌های پروژه وبینار