การฝึกอบรม Progressive Web App แบบใหม่พร้อมใช้งานแล้ว

เริ่มต้นใช้งาน Progressive Web App ด้วยการฝึกอบรม 6 ตอนใหม่ของเรา พร้อม Codelab ใหม่

Sam Richard

เผยแพร่: 20 พฤษภาคม 2021

โลกของ Progressive Web App เปลี่ยนแปลงไปมากนับตั้งแต่ที่เราเผยแพร่ชุดการฝึกอบรม PWA ชุดล่าสุดเมื่อกว่า 4 ปีที่แล้ว ดังนี้

CSS Grid ได้รับการนำไปใช้อย่างแพร่หลาย
PWA มาถึงเดสก์ท็อปแล้ว
โปรเจ็กต์ความสามารถได้เปิดตัว API ใหม่กว่า 25 รายการที่เน้นการผสานรวมอุปกรณ์

ซึ่งได้เปิดตัวกลุ่มแอปใหม่ๆ ที่สร้างขึ้นบนเว็บได้ทั้งหมด วันนี้เรายินดีที่จะได้แชร์การทำซ้ำครั้งแรกของการฝึกอบรม PWA ที่เพิ่งอัปเดตใหม่เพื่อสอนวิธีสร้าง Progressive Web App ที่เชื่อถือได้ ติดตั้งได้ และมีประสิทธิภาพสำหรับอุปกรณ์ทุกเครื่อง

การฝึกอบรมเวอร์ชันปัจจุบันแบ่งออกเป็นชุดสไลด์ 6 ชุด ซึ่งพร้อมให้คุณเรียนรู้หรือนำไปสอนผู้อื่น ดังนี้

นอกจากเนื้อหาใหม่นี้แล้ว เรายังมี Codelab ใหม่ 8 รายการที่จะแนะนำวิธีเปลี่ยนเว็บแอปให้เป็น Progressive Web App ที่มีการผสานรวมอุปกรณ์อย่างลึกซึ้ง โดยใช้แนวคิดที่สอนในสไลด์ คุณสามารถข้ามไปยัง Codelab ใดก็ได้และทำงานกับ Codelab นั้นๆ หรือจะทำทีละรายการก็ได้ เลือกได้ตามสะดวกเลย ดังนี้

การทำงานแบบออฟไลน์ - ข้อมูลพื้นฐานเกี่ยวกับการเขียน Service Worker เพื่อแคชและแสดงเนื้อหาแบบออฟไลน์
การทำงานกับ Workbox - การใช้ Workbox เพื่อเขียน Service Worker
IndexedDB - การใช้ IndexedDB เพื่อจัดเก็บและเรียกข้อมูล
แท็บไปยังแถบงาน - ทำให้ติดตั้งเว็บแอปได้และแสดงทางลัดของแอป
การแจ้งและการวัดผลการติดตั้ง - การเพิ่มข้อความแจ้งให้ติดตั้งในแอป และตำแหน่งที่จะวางการติดตามความสำเร็จ
เพิ่มประสิทธิภาพ PWA - เพิ่มความสามารถขั้นสูง รวมถึงการเข้าถึงระบบไฟล์ในเครื่องและการลงทะเบียนเป็นตัวแฮนเดิลไฟล์
Service Worker Includes - สร้างการตอบกลับของ Service Worker สำหรับการสตรีมแบบไดนามิก
การทำงานกับ Worker - การใช้ Web Worker เพื่อส่งต่อภาระงานจากเทรดหลัก

ในอีกไม่กี่เดือนข้างหน้า เราจะแปลงเนื้อหาในสไลด์เป็นรูปแบบที่อัปเดตและเข้าใจง่ายขึ้น ซึ่งจะช่วยให้เราอัปเดตเนื้อหาได้ง่ายขึ้น คุณจึงไม่ต้องรออีก 4 ปีเพื่อรับเนื้อหาใหม่ โปรดคอยติดตามที่นี่ อนาคตของเว็บแอปนั้นน่าตื่นเต้น และเรายินดีที่จะสอนวิธีสร้างเว็บแอปให้คุณ