آموزش HTML5 Web Storage، IndexedDB و File System

سرفصل ها و درس ها

معرفی دوره Course Introduction

• مقدمه Introduction

• چشم انداز فناوری Technology Landscape

• کاربردهای عملی Practical Uses

• محدود کردن دامنه Narrowing Down the Scope

• مفاهیم: عبارات عملکردی را بلافاصله فراخوانی می کنیم Concepts: Immediately Invoked Function Expressions

• مفاهیم: $ $ ماژول نتیجه Concepts: $$result Module

• مفاهیم: مسخره JSON Concepts: mockJSON

• مفاهیم: Knockout.js Concepts: Knockout.js

• محیط توسعه Development Environment

• بدون ضمانت No Guarantees

• پاک کردن اطلاعات محلی Clearing Local Data

• خلاصه Summary

ذخیره سازی وب Web Storage

• مقدمه Introduction

• نام چیست؟ What's in a Name?

• ذخیره سازی وب چیست؟ What is Web Storage?

• ظرفیت Capacity

• ظرفیت آزمایش Testing Capacity

• امکانات Features

• پشتیبانی مرورگر Browser Support

• Fallbacks و Polyfills Fallbacks and Polyfills

• هشدارها Caveats

• نسخه ی نمایشی: دریافت و تنظیم مقادیر Demo: Getting and Setting Values

• نسخه ی نمایشی: حذف مورد Demo: Remove Item

• نسخه ی نمایشی: کلیدها و طول Demo: Keys and Length

• نسخه ی نمایشی: پاک کردن Demo: Clear

• نسخه ی نمایشی: ذخیره سازی جلسه Demo: Session Storage

• نسخه ی نمایشی: بیش از سهمیه Demo: Exceed Quota

• نسخه ی نمایشی: رویداد ذخیره سازی Demo: Storage Event

• نسخه ی نمایشی: نمایش فرم ماندگار Demo: Persistent Form Demonstration

• نسخه ی نمایشی: نشانه گذاری HTML Demo: HTML Markup

• نسخه ی نمایشی: localDataService ماژول جاوا اسکریپت Demo: localDataService JavaScript Module

• نسخه ی نمایشی: viewModel ماژول جاوا اسکریپت Demo: viewModel JavaScript Module

• نسخه ی نمایشی: گام برداشتن در کد Demo: Stepping Through the Code

• خلاصه Summary

IndexedDB: مقدمه و مفاهیم IndexedDB: Introduction and Concepts

• مقدمه Introduction

• IndexedDB چیست؟ What is IndexedDB?

• چرخه زندگی رویداد Event Lifecycle

• امکانات Features

• ظرفیت Capacity

• پشتیبانی مرورگر Browser Support

• Fallbacks و Polyfills Fallbacks and Polyfills

• هشدارها Caveats

• خلاصه Summary

IndexedDB: مقداردهی اولیه و CRUD IndexedDB: Initialization & CRUD

• مقدمه Introduction

• نسخه ی نمایشی: باز کردن یک پایگاه داده Demo: Opening a Database

• نسخه ی نمایشی: حذف یک پایگاه داده Demo: Deleting a Database

• نسخه ی نمایشی: شی مدل db Demo: The db Model Object

• نسخه ی نمایشی: ایجاد شی (درج) Demo: Create Object (Insert)

• نسخه ی نمایشی: شی Read را بخوانید Demo: Read Object

• نسخه ی نمایشی: شی Upd را به روز کنید Demo: Update Object

• نسخه ی نمایشی: حذف شی Demo: Delete Object

• خلاصه Summary

IndexedDB: نشانگرها ، نمایه ها و دامنه ها IndexedDB: Cursors, Indexes and Ranges

• مقدمه Introduction

• نسخه ی نمایشی: مدل db برای مکان نما ، فهرست و نمایش های محدوده Demo: db Model for Cursor, Index and Range Demos

• مفاهیم مکان نما Cursor Concepts

• نسخه ی نمایشی: مکان نما - انتخاب مجموعه ای از داده ها Demo: Cursors - Selecting Sets of Data

• نسخه ی نمایشی: شاخص ها - انتخاب اشیاivid فردی Demo: Indexes - Selecting Individual Objects

• مفاهیم محدوده Range Concepts

• نسخه ی نمایشی: محدوده عددی Demo: Numeric Range

• نسخه ی نمایشی: رشته Demo: String Range

• نسخه ی نمایشی: کنترل جهت مکان نما Demo: Controlling Cursor Direction

• خلاصه Summary

IndexedDB: کلیدها ، ظرفیت ، عملکرد و نسخه ها IndexedDB: Keys, Capacity, Performance and Versions

• مقدمه Introduction

• مفاهیم منحصر به فرد شناسه (کلیدها) Unique Identifier (Keys) Concepts

• نسخه ی نمایشی: ایجاد کلیدهای فروشگاه شی Demo: Creating Object Store Keys

• نسخه ی نمایشی: بارگیری 500k اشیا در یک پایگاه داده Demo: Loading 500k Objects into a Database

• تشخیص زمان انجام "نشانگر" Detecting When a Cursor is 'Done'

• نسخه ی نمایشی: کار با مجموعه های بزرگ داده Demo: Working with Large Sets of Data

• نسخه ی نمایشی: مدیریت نسخه های پایگاه داده Demo: Managing Database Versions

• نسخه ی نمایشی: قابلیت های ظرفیت Demo: Capacity Capabilities

• خلاصه Summary

IndexedDB: انتزاع ها و اجرای صفحه ویرایش IndexedDB: Abstractions & Implementing an Edit Screen

• مقدمه Introduction

• نسخه ی نمایشی: مقدمه ای بر صفحه لیست خانه ها Demo: Introduction to the Homes List Screen

• نسخه ی نمایشی: نشانه گذاری لیست خانه ها Demo: Homes List Markup

• نسخه ی نمایشی: مدل خانه های db Demo: Homes List db Model

• نسخه ی نمایشی: Abstracting IndexedDB - مدیریت خطا Demo: Abstracting IndexedDB - Error Handling

• نسخه ی نمایشی: Abstracting IndexedDB - حذف و باز کردن پایگاه داده Demo: Abstracting IndexedDB - Delete and Open Database

• نسخه ی نمایشی: خلاصه کردن IndexedDB - دریافت همه Demo: Abstracting IndexedDB - Get All

• Demo: Abstracting IndexedDB - درج ، به روزرسانی و حذف Demo: Abstracting IndexedDB - Insert, Update and Delete

• نسخه ی نمایشی: مدل نمایش لیست خانه ها Demo: Homes List View Model

• نسخه ی نمایشی: گام برداشتن در کد Demo: Stepping Through the Code

• خلاصه Summary

سیستم فایل: مقدمه ، مفاهیم و مقداردهی اولیه File System: Introduction, Concepts & Initialization

• مقدمه Introduction

• فایل سیستم HTML5 چیست؟ What is the HTML5 File System?

• امکانات Features

• ظرفیت Capacity

• پشتیبانی مرورگر Browser Support

• Fallbacks و Polyfills Fallbacks and Polyfills

• هشدارها Caveats

• انواع ذخیره سازی Storage Types

• نسخه ی نمایشی: مقداردهی اولیه (ذخیره سازی موقت) Demo: Initialization (Temporary Storage)

• نسخه ی نمایشی: مقداردهی اولیه (ذخیره سازی دائمی) Demo: Initialization (Permanent Storage)

• نسخه ی نمایشی: بسته بندی کد اولیه Demo: Wrapping Up Initialization Code

• HTML5 File System Explorer (افزونه Chrome) HTML5 File System Explorer (Chrome Extension)

• خلاصه Summary

File System: Directories - ایجاد ، لیست ، حذف ، انتقال و کپی کردن File System: Directories - Create, List, Delete, Move & Copy

• مقدمه Introduction

• نسخه ی نمایشی: ایجاد و خواندن دایرکتوری Demo: Create and Read Directory

• نسخه ی نمایشی: زیرشاخه ها را ایجاد کنید Demo: Create Sub Directories

• نسخه ی نمایشی: فهرست مطالب فهرست Demo: List Directory Contents

• نسخه ی نمایشی: حذف و حذف بازگشتی Demo: Delete and Recursive Delete

• نسخه ی نمایشی: انتقال ، کپی و تغییر نام Demo: Move, Copy and Rename

• خلاصه Summary

سیستم فایل: ایجاد یک لایه انتزاعی بر روی فهرست File System: Building an Abstraction Layer over Directories

• مقدمه Introduction

• نسخه ی نمایشی: localFileSystem ماژول - مدیریت خطا Demo: localFileSystem Module - Error Handling

• نسخه ی نمایشی: localFileSystem Module - درخواست سیستم فایل Demo: localFileSystem Module - Request File System

• نسخه ی نمایشی: localFileSystem Module - ایجاد دایرکتوری Demo: localFileSystem Module - Create Directory

• نسخه ی نمایشی: localFileSystem ماژول - فهرست وجود دارد Demo: localFileSystem Module - Directory Exists

• نسخه ی نمایشی: localFileSystem Module - ورودی های دایرکتوری را دریافت کنید Demo: localFileSystem Module - Get Directory Entries

• نسخه ی نمایشی: localFileSystem Module - حذف Demo: localFileSystem Module - Delete

• نسخه ی نمایشی: localFileSystem ماژول - انتقال ، تغییر نام و کپی Demo: localFileSystem Module - Move, Rename and Copy

• خلاصه Summary

File System: Files - ایجاد ، خواندن ، نوشتن ، حذف ، انتقال و کپی کردن File System: Files - Create, Read, Write, Delete, Move & Copy

• مقدمه Introduction

• نسخه ی نمایشی: ایجاد و دریافت فایل Demo: Create and Get File

• نسخه ی نمایشی: پرونده را بخوانید ، بنویسید و به روز کنید Demo: Read, Write and Update File

• نسخه ی نمایشی: حذف ، انتقال ، تغییر نام و کپی پرونده Demo: Delete, Move, Rename and Copy File

• نسخه ی نمایشی: بررسی اجمالی انتزاعات پرونده Demo: File Abstractions Overview

• نسخه ی نمایشی: localFileSystem Module - ایجاد پرونده Demo: localFileSystem Module - Create File

• نسخه ی نمایشی: localFileSystem ماژول - دریافت و پرونده موجود است Demo: localFileSystem Module - Get and File Exists

• نسخه ی نمایشی: localFileSystem ماژول - بخوانید ، اضافه کنید و اضافه کنید Demo: localFileSystem Module - Read, Prepend and Append

• نسخه ی نمایشی: localFileSystem Module - حذف و جایگزینی پرونده Demo: localFileSystem Module - Delete and Replace File

• نسخه ی نمایشی: localFileSystem Module - انتقال ، تغییر نام و کپی پرونده Demo: localFileSystem Module - Move, Rename and Copy File

• خلاصه Summary

File System: آزمایش محدودیت ظرفیت و پیاده سازی ویرایشگر پرونده File System: Testing Capacity Limits & Implementing a File Editor

• مقدمه Introduction

• نسخه ی نمایشی: محدودیت ظرفیت سیستم فایل Demo: File System Capacity Limits

• نسخه ی نمایشی: نمایش ویرایشگر پرونده Demo: File Editor Demonstration

• نسخه ی نمایشی: نشانه گذاری ویرایشگر پرونده Demo: File Editor Markup

• نسخه ی نمایشی: مدل مشاهده ویرایشگر فایل Demo: File Editor View Model

• خلاصه Summary

کتابخانه ها Libraries

• مقدمه Introduction

• store.js چیست؟ What is store.js?

• نسخه ی نمایشی: store.js Demo: store.js

• amplify.js چیست؟ What is amplify.js?

• نسخه ی نمایشی: amplify.js Demo: amplify.js

• lawnchair.js چیست؟ What is lawnchair.js?

• نسخه ی نمایشی: lawnchair.js Demo: lawnchair.js

• خلاصه Summary