آموزش شروع به کار با برنامه های وب پیشرفته

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

بررسی اجمالی دوره 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

• App Shell چیست؟ What Is the App Shell?

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

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

• راه اندازی برنامه شل: سبک ها App Shell Setup: Styles

• App Shell Setup: طرح بندی App Shell Setup: Layout

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

• وعده ها Promises

• بارگیری داده های پویا: واکشی API 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 Manifest.json

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

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

• ژنراتور دارایی PWA PWA Asset Generator

• PWACompat PWACompat

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

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

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

• خلاصه Summary