เริ่มต้นใช้งาน Progressive Web App ด้วยการฝึกอบรม 6 ส่วนใหม่ ซึ่งมาพร้อม Codelab ใหม่
โลกของ Progressive Web App มีการเปลี่ยนแปลงมากมายตั้งแต่เราเปิดตัวการฝึกอบรม PWA ชุดล่าสุดเมื่อ 4 ปีที่แล้ว นั่นคือ CSS Grid ประสบความสำเร็จในการติดตั้งใช้งานอย่างแพร่หลาย, PWA เข้ามาในเดสก์ท็อป และโปรเจ็กต์ความสามารถก็ได้เปิดตัว API ใหม่มากกว่า 25 รายการที่เน้นการผสานรวมอุปกรณ์ ซึ่งเปิดกลุ่มแอปใหม่ที่สร้างขึ้นได้ในเว็บทั้งหมด วันนี้เรายินดีที่จะได้พูดถึงการฝึกอบรม PWA ที่อัปเดตใหม่เป็นครั้งแรก เพื่อสอนวิธีสร้าง Progressive Web App ที่เชื่อถือได้ ติดตั้งได้ และมีความสามารถสำหรับอุปกรณ์ทั้งหมด
การฝึกอบรมเวอร์ชันปัจจุบันจะแบ่งออกเป็น 6 ชุดสไลด์ ซึ่งพร้อมให้คุณเรียนรู้หรือให้คุณนำไปสอนผู้อื่น ปัจจัยต่างๆ มีดังนี้
- ข้อมูลเบื้องต้นเกี่ยวกับ Progressive Web App
- การสร้างรากฐานที่มั่นคงสำหรับ PWA
- ปรับปรุงความเสถียรของเว็บแอป
- ทำให้เว็บแอปติดตั้งได้
- การเพิ่มความสามารถขั้นสูงลงในเว็บแอป
- การใช้สถาปัตยกรรมเว็บแอปขั้นสูง
เรามี Codelab ใหม่อีก 8 รายการต่อไปนี้ที่จะพัฒนา Google Web App ให้เป็น Progressive Web App ด้วยการผสานรวมอุปกรณ์อย่างลงตัว โดยใช้แนวคิดที่สอนในสไลด์ชุดนี้ คุณจะเข้าสู่ Codelab ใดก็ได้และทำงานแยกกัน หรือจะเลือกทีละประเภทก็ได้ เลือกได้ตามใจคุณ ปัจจัยต่างๆ มีดังนี้
- การใช้งานแบบออฟไลน์ - ข้อมูลพื้นฐานเกี่ยวกับการเขียน Service Worker เพื่อแคชและแสดงเนื้อหาแบบออฟไลน์
- การทำงานกับ Workbox - การใช้พื้นที่ทำงานเพื่อเขียน Service Worker
- IndexedDB - การใช้ IndexedDB เพื่อจัดเก็บและเรียกข้อมูล
- แท็บไปยังแถบงาน - การทำให้เว็บแอปติดตั้งได้และให้ทางลัดของแอป
- การแสดงข้อความแจ้งและการวัดการติดตั้ง - การเพิ่มข้อความแจ้งให้ติดตั้งในแอปและตำแหน่งที่จะติดตามความสำเร็จ
- การส่งเสริม PWA - เพิ่มความสามารถขั้นสูง รวมถึงการเข้าถึงระบบไฟล์ในเครื่องและการลงทะเบียนเป็นตัวแฮนเดิลไฟล์
- Service Worker รวม - สร้างการตอบสนองของโปรแกรมทำงานสตรีมมิงแบบไดนามิก
- การทำงานกับผู้ปฏิบัติงาน - ใช้ Web Worker เพื่อลดภาระงานจากเทรดหลัก
ในช่วง 2-3 เดือนต่อจากนี้ เราจะแปลงเนื้อหาชุดสไลด์เป็นรูปแบบที่ใช้และอัปเดตได้ง่ายขึ้น ซึ่งจะช่วยให้เราอัปเดตเนื้อหาอยู่เสมอได้ง่ายขึ้น และไม่ต้องรอถึง 4 ปีแล้วที่จะผลักดันเนื้อหาอีก คอยตรวจสอบพื้นที่ทำงานนี้ อนาคตของเว็บแอปนั้นเป็นเรื่องน่าตื่นเต้น และเรายินดีอย่างยิ่งที่จะได้สอนวิธีสร้างแอปนี้