آموزش ایجاد برنامه های همراه اول آفلاین با HTML5

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

برنامه ریزی برنامه های وب آفلاین Planning Offline Web Apps

• مقدمه Introduction

• نمونه سازی اولیه Prototyping

بسیج UI Mobilizing the UI

• مقدمه Introduction

• رابط کاربری موجود The Existing UI

• برنامه موجود The Existing Application

• مقدمه ای برای طراحی پاسخگو Intro to Responsive Design

• نسخه ی نمایشی: پاسخگو بودن فرم Demo: Making the Form Responsive

• نسخه ی نمایشی: ساخت فرم به صورت تعاملی Demo: Making the Form Interactive

• نسخه ی نمایشی: ارسال داده ها با AJAX Demo: Submitting Data with AJAX

در دسترس قرار دادن آن به صورت آفلاین Making It Available Offline

• مقدمه ای بر آفلاین ابتدا Introduction to Offline First

• نسخه ی نمایشی: تشخیص وضعیت آنلاین Demo: Detecting Online Status

• مقدمه ای برای ذخیره آفلاین Introduction to Offline Caching

• نسخه ی نمایشی: ثبت نام یک کارگر خدمات Demo: Registering a Service Worker

• نسخه ی نمایشی: ایجاد حافظه پنهان Demo: Creating a Cache

• نسخه ی نمایشی: کار با حافظه پنهان Demo: Working with the Cache

ساخت آن داده های آفلاین را ذخیره می کند Making It Store Offline Data

• مقدمه ای برای ذخیره سازی آفلاین Introduction to Offline Storage

• مقدمه ای بر IndexedDB Introduction to IndexedDB

• نسخه ی نمایشی: درج در IndexedDB Demo: Inserting into IndexedDB

• نسخه ی نمایشی: غیرفعال کردن حافظه پنهان Demo: Disabling Caching

• نسخه ی نمایشی: ذخیره داده های فرم در IndexedDB Demo: Storing Form Data in IndexedDB

• نسخه ی نمایشی: بازیابی داده ها از یک پایگاه داده Demo: Retrieving Data from a Database

• خلاصه Summary

ذخیره تصاویر به صورت آفلاین Storing Images Offline

• مقدمه ای برای ذخیره تصاویر به صورت آفلاین Introduction to Storing Images Offline

• نسخه ی نمایشی: با استفاده از File API Demo: Using the File API

• نسخه ی نمایشی: ذخیره تصاویر در IndexedDB Demo: Saving Images into IndexedDB

• نسخه ی نمایشی: بازیابی تصاویر از IndexedDB Demo: Retrieving Images from IndexedDB

• نسخه ی نمایشی: باز کردن تصاویر پاسخگو به صورت مدال Demo: Opening Responsive Images in a Modal

• خلاصه Summary

ذخیره آنلاین Online Saving

• ذخیره تصاویر در سرور Saving Images to the Server

• ذخیره در حالت آفلاین را غیرفعال کنید Disable Saving in Offline Mode

• پاک کردن داده های آفلاین Clearing Offline Data

• بارگیری مجدد مرورگر پس از ذخیره آنلاین Reloading the Browser After Online Saving

• فعال کردن حافظه پنهان آفلاین Re-enabling the Offline Cache

ساخت آن موبایل Making It Mobile

• نسخه ی نمایشی: بارگذاری در یک سرور Demo: Upload to a Server

• نسخه ی نمایشی: یک نوار پیشرفت بارگذاری تصویر ایجاد کنید Demo: Create an Image Upload Progress Bar

• نسخه ی نمایشی: اشکال زدایی از راه دور با Android و Chrome Demo: Remote Debugging with Android and Chrome

• نسخه ی نمایشی: پیکربندی Viewport و تست موبایل Demo: Configuring the Viewport and Mobile Testing

• خلاصه Summary