หน้านี้ได้รับการแปลโดย Cloud Translation API

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

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

Sam Richard

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

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

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

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

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