آموزش استفاده از HTML5: بهینه سازی برای برنامه های داده ، ارتباطات و آفلاین

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

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

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

مقدمه Introduction

• مقدمه Introduction

• تنظیم محیط Environment Setup

• برنامه نمونه را مرور کنید Review Sample Application

• نحو جاوا اسکریپت: توابع پیکان JavaScript Syntax: Arrow Functions

• نحو جاوا اسکریپت: async/در انتظار JavaScript Syntax: async/await

• نتیجه Conclusion

ذخیره داده در مرورگر Saving Data in the Browser

• مقدمه Introduction

• انواع ذخیره سازی وب ، امنیت و ظرفیت Web Storage Types, Security, and Capacity

• ذخیره سازی وب در مقابل کوکی ها Web Storage vs. Cookies

• IndexedDB: ویژگی ها IndexedDB: Features

• IndexedDB: ظرفیت IndexedDB: Capacity

• IndexedDB در مقابل ذخیره سازی وب IndexedDB vs. Web Storage

• Pouchdb Pouchdb

• چه زمان و چرا باید از انواع ذخیره سازی استفاده کرد When and Why to Use Storage Types

• نسخه ی نمایشی: localStorage Demo: localStorage

• نسخه ی نمایشی: sessionStorage Demo: sessionStorage

• نسخه ی نمایشی: خطای محدودیت ذخیره سازی Demo: Storage Limits Error

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

• نسخه ی نمایشی: اشیا in موجود در ذخیره سازی وب Demo: Objects in Web Storage

• نسخه ی نمایشی: IndexedDB با Pouchdb Demo: IndexedDB with Pouchdb

• خلاصه Summary

ایجاد برنامه های وب "چند رشته ای" Creating “Multithreaded” Web Applications

• مقدمه Introduction

• ارتباطات و API های پشتیبانی شده Communication and Supported APIs

• نسخه ی نمایشی: سلام به جهان Demo: Hello World

• نسخه ی نمایشی: خاتمه دهید Demo: Terminate

• نسخه ی نمایشی: اشکال زدایی Demo: Debugging

• نسخه ی نمایشی: برجسته سازی نحو Demo: Syntax Highlighting

• خلاصه Summary

در حالت آفلاین کردن برنامه Taking Your Application Offline

• مقدمه Introduction

• تاریخچه برنامه های وب آفلاین History of Offline Web Applications

• چرخه زندگی کارگر خدمات Service Worker Lifecycle

• واکشی ، حافظه پنهان و سرویس دهنده Fetch, Cache, and Service Worker

• محدوده Scope

• الزامات امنیتی Security Requirements

• نسخه ی نمایشی: واکشی کنید Demo: Fetch

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

• نسخه ی نمایشی: نمای کلی کارگر خدمات Demo: Service Worker Overview

• نسخه ی نمایشی: کد صفحه میزبان Demo: Host Page Code

• نسخه ی نمایشی: کد کارگر خدمات Demo: Service Worker Code

• نسخه ی نمایشی: برنامه را در مرورگر اجرا کنید Demo: Run App in the Browser

• نسخه ی نمایشی: گام به گام کد کارگر خدمات Demo: Step Through Service Worker Code

• خلاصه Summary

برقراری ارتباط در زمان واقعی Communicating in Real Time

• مقدمه Introduction

• سرصفحه های HTTP در مقابل هدرهای سوکت وب HTTP Headers vs. Web Socket Headers

• نسخه ی نمایشی: Hello World (در مرورگر) Demo: Hello World (In the Browser)

• نسخه ی نمایشی: Hello World (کد مشتری) Demo: Hello World (Client Code)

• نسخه ی نمایشی: Hello World (کد سرور) Demo: Hello World (Server Code)

• نسخه ی نمایشی: Stock Ticker (در مرورگر) Demo: Stock Ticker (In the Browser)

• نسخه ی نمایشی: بلیط سهام (کد مشتری) Demo: Stock Ticker (Client Code)

• نسخه ی نمایشی: بورس سهام (کد سرور) Demo: Stock Ticker (Server Code)

• خلاصه Summary

برنامه خود را از نظر جغرافیایی آگاه کنید Making Your Application Geographically Aware

• مقدمه Introduction

• روش های تشخیص مکان Location Detection Methods

• گزینه های مکان Location Options

• نسخه ی نمایشی: موقعیت فعلی را دریافت کنید Demo: Get Current Position

• نسخه ی نمایشی: موقعیت تماشا Demo: Watch Position

• نسخه ی نمایشی: گزینه ها Demo: Options

• خلاصه Summary