هزینه آموزش
۱۴,۰۰۰ تومان

آموزش LocalStorage برای ذخیره‌ سازی اطلاعات در مرورگر

آموزش LocalStorage برای ذخیره‌ سازی اطلاعات در مرورگر

تعداد دانشجو
۲۳۰ نفر
۶ نفر در یک ماه اخیر
مدت زمان
۵۷ دقیقه
هزینه آموزش
۱۴,۰۰۰ تومان
محتوای این آموزش
آموزش LocalStorage برای ذخیره‌ سازی اطلاعات در مرورگر

چکیده

با توجه به اهمیت ذخیره سازی اطلاعات در وب سایت ها و اپلیکیشن های تحت وب، فضاهای مختلفی برای ذخیره اطلاعات در سمت سرور و در سمت کلاینت وجود دارند که بعضی از این فضاها مانند دیتابیس MySQL در سمت سرور و برخی دیگر مانند: LocalStorage در سمت کلاینت قرار دارند. برخی اطلاعات باید در مرورگر کاربر ذخیره شوند که برای این کار می توان از Cookie و LocalStorage استفاده نمود. Cookie با هر بار درخواست از سرور به سرور ارسال می شود و آن را مشغول می کند اما LocalStorage به صورت محلی در مرورگر کاربر وجود دارد و با سرور تعاملی ندارد، در نتیجه زحمت سرور کاهش می یابد که این امر سبب افزایش سرعت سیستم و همچنین کاهش استفاده از پهنای باند می شود.

مدرس
سید مجتبی حیات الغیب

کارشناسی مهندسی کامپیوتر - نرم افزار

زمینه کاری ایشان به صورت تخصصی Front-End Web Developer است و تسلط خوبی بر روی تکنولوژی های این بخش نظیر: Html5, Css3, SASS, jQuery, Bootstrap و جاوا اسکریپت خصوصا فریمورک Vue.js دارند. ایشان همچنین سابقه کار با فریم ورک Angularjs را هم در کارنامه خود دارند.

چکیده آموزش


توضیحات تکمیلی

با توجه به اهمیت ذخیره سازی اطلاعات در وب سایت ها و اپلیکیشن های تحت وب، فضاهای مختلفی برای ذخیره اطلاعات در سمت سرور و در سمت کلاینت وجود دارند که بعضی از این فضاها مانند دیتابیس MySQL در سمت سرور و برخی دیگر مانند: LocalStorage در سمت کلاینت قرار دارند. برخی اطلاعات باید در مرورگر کاربر ذخیره شوند که برای این کار می توان از Cookie و LocalStorage استفاده نمود. Cookie با هر بار درخواست از سرور به سرور ارسال می شود و آن را مشغول می کند اما LocalStorage به صورت محلی در مرورگر کاربر وجود دارد و با سرور تعاملی ندارد، در نتیجه زحمت سرور کاهش می یابد که این امر سبب افزایش سرعت سیستم و همچنین کاهش استفاده از پهنای باند می شود.

Cookie حداکثر توانایی ذخیره 4 کیلوبایت اطلاعات را دارد که این رقم برای LocalStorage حداقل 5 مگابایت است. با ظهور HTML5 و یک فضای ذخیره سازی محلی به نام LocalStorage روی مرورگر کاربر و با توجه به موارد ذکر شده، منطقی به نظر می رسد که از این تکنولوژی ذخیره سازی نسبتا جدید استفاده کنیم و در مواردی آن را جایگزین Cookie نماییم. هدف از این فرادرس آموزش کاربردی چگونگی به کارگیری LocalStorage برای ذخیره سازی اطلاعات به صورت محلی با استفاده از یک پروژه To-Do List است.

 
فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: معرفی LocalStorage و سایر محل های ذخیره سازی اطلاعات
    • معرفی و مقایسه LocalStorage, sessionStorage و Cookie
  • درس دوم: پروژه To-Do List
    • افزودن Task در یک Object که به صورت String در LocalStorage ذخیره شده
    • نمایش Taskها با استفاده از JavaScript و jQuery
    • حذف یک Task از Object که به صورت String در LocalStorage ذخیره شده
    • تغییر وضعیت یک Task به عنوان انجام شده با استفاده از به روز رسانی اطلاعات موجود در LocalStorage
 
مفید برای رشته های
  • مهندسی کامپیوتر
  • مهندسی فناوری اطلاعات

آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده
فایل PDF یادداشت‌ های ارائه مدرس



پیش نمایش‌ها

پیش نمایش ۱: معرفی LocalStorage و سایر محل‌ های ذخیره سازی اطلاعات ۴ دقیقه

توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.

دانلود مستقیم پیش‌نمایش - حجم ۵ مگابایت (کلیک کنید +)
پیش نمایش ۲: پروژه To-Do List ۳ دقیقه

توجه: ممکن است به خاطر سرعت پایین اینترنت شما، آموزش با کیفیت پایین‌تر از کیفیت HD اصلی نمایش داده شود. در این صورت آموزش را دانلود کرده و مشاهده کنید.

دانلود مستقیم پیش‌نمایش - حجم ۱۴ مگابایت (کلیک کنید +)

راهنمای تهیه آموزش ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

راهنمایی بیشتر ( +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش LocalStorage برای ذخیره‌ سازی اطلاعات در مرورگر
ناشر فرادرس
شناسه اثر ۸–۱۲۴۵۲–۰۷۲۹۲۳ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
کد آموزش FVIT98071
مدت زمان ۵۷ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)
حجم دانلود ۱۵۶ مگابایت     (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)





برچسب‌ها: Back End | client | Cookie | CSS | CSS3 | database | Front End | google chrome | HTML | html5 | javascript | Jquery | js | local storage | LocalStorage | LocalStorage بر روی مرورگر | LocalStorage سمت کلاینت | mysql | PhpStorm | Server | Session | session storage | sessionStorage | string | Web | web application | web developer | website | اچ تی ام ال | افزودن Task در یک object | به کارگیری LocalStorage | پایگاه داده ها | پروژه Todo List | پی اچ پی استورم | تغییر وضعیت یک Task | جاوااسکریپت | جی کوئری | حذف یک Task از Object | خیره اطلاعات سمت کلاینت | دیتابیس | دیتابیس MySQL | دیتابیس محلی | دیتابیس مرروگر | ذخیره | ذخیره اطلاعات | ذخیره سازی | ذخیره سازی اطلاعات | ذخیره محلی اطلاعات | سرور | سشن | سشن استوریج | سی اس اس | فضای ذخیره سازی | فضای ذخیره سازی محلی | کلاینت | کوکی | گوگل کروم | لوکال استوریج | محل ذخیره سازی