آموزش شروع با برنامه های وب مترقی - آخرین آپدیت

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

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

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

معرفی دوره Course Introduction

• مقدمه Introduction

• مرور کلی فناوری Technology Overview

• وب در مقابل بومی Web vs. Native

• آناتومی یک برنامه وب مترقی Anatomy of a Progressive Web App

• مطالعات موردی Case Studies

راه اندازی و ساختار برنامه وب Web App Setup and Structure

• مقدمه Introduction

• پوسته برنامه چیست؟ What Is the App Shell?

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

• نسخه های نمایشی آنلاین - سازگاری Online Demos - Compatibility

• تنظیم پوسته برنامه: سبک ها App Shell Setup: Styles

• تنظیم پوسته برنامه: طرح بندی App Shell Setup: Layout

• بارگیری داده های پویا: قالب ها Loading Dynamic Data: Templates

• وعده Promises

• بارگیری داده های پویا: API Fetch Loading Dynamic Data: Fetch API

• بارگیری داده های پویا: الگوی اتصال Loading Dynamic Data: Template Binding

• بار اول First Load

• بارگیری صفحات خارجی Loading External Pages

• خلاصه Summary

ذخیره سازی در سمت مشتری Client-side Storage

• مقدمه Introduction

• کوکی ها Cookies

• ذخیره وب HTML5 HTML5 Web Storage

• WebSQL: نمای کلی WebSQL: Overview

• IndexedDB: نمای کلی IndexedDB: Overview

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

• ذخیره معاملات اتومبیل: تنظیم Car Deals Storage: Setting Up

• ذخیره معاملات اتومبیل: اضافه کردن داده ها Car Deals Storage: Adding Data

• ذخیره معاملات اتومبیل: بازیابی داده ها Car Deals Storage: Retrieving Data

• ذخیره معاملات اتومبیل: بار بیشتر Car Deals Storage: Load More

• شبکه آفلاین یا بد Offline or Bad Network

• حافظه نهان App Cache

• Cache API Cache API

• خلاصه Summary

کارگران پشتیبانی و خدمات آفلاین Offline Support and Service Workers

• مقدمه Introduction

• مشکل The Problem

• نمای کلی کارگر خدمات Service Worker Overview

• الزامات کارگر خدمات Service Worker Requirements

• یک کارگر خدماتی را ثبت کنید Register a Service Worker

• نمای کلی چرخه عمر کارگر سرویس Service Worker Lifecycle Overview

• نمایشگاه چرخه عمر کارگران سرویس Service Worker Lifecycle Demo

• دامنه کارگران خدمات Service Worker Scope

• قبل از رمز Pre-caching

• حافظه پنهان Update Cache

• کنترل فوری Immediate Control

• رویدادهای اضافی Additional Events

• واکشی Fetching

• فقط استراتژی شبکه Network Only Strategy

• ابتدا شبکه سپس استراتژی آفلاین Network First Then Offline Strategy

• ابتدا به صورت آفلاین و سپس استراتژی شبکه Offline First Then Network Strategy

• سناریوهای ذخیره سازی Caching Scenarios

• ارتباط با مشتری Communication with Client

• خلاصه Summary

برنامه های وب قابل نصب Installable Web Apps

• مقدمه Introduction

• مانیفست Manifest.json

• تصمیم نماد/ابرداده The Icon/Metadata Decision

• تولید نماد متاداده Metadata & Icon Generation

• نسل ابرداده و نماد Metadata & Icon Generation

• تولید کننده دارایی PWA PWA Asset Generator

• پواکومپات PWACompat

• آگهی های نصب برنامه App Install Banners

• iOS - MacOS - ویندوز iOS - MacOS - Windows

• فانوس دریایی Lighthouse

• خلاصه Summary