PWA หรือ Progressive web App คือการทำ web ให้เหมือน app ยังไงมาลองดูกัน
Progressive Web App หรือตัวย่อคือ PWA
เป็นเทคโนโลยีที่ถูกคิดค้นโดย วิศวกรของ Google
ตามความหมายแบบง่ายๆ คือ การทำ Web ให้ใช้งานบน Mobile ได้เหมือนกับ การใช้ App นั่นเอง
ก่อนหน้านี้เราคงเคยได้ยินคำว่า Responsive Web App ซึ่งคือการออกบบ UI ให้สามารถแสดงผลได้ในหน้าจอหลายขนาด
หลาย platform ไม่ว่าจะเป็น PC ,Mobile , Tablet เป็นต้น
แต่การมาของ Progressive Web App นั้นต่างออกไปตรงนี้การทำให้เราสามารถใช้งาน Web ได้เนียนๆ เหมือนใช้ App อยู่นั่นเอง ไม่ว่าจะเป็น feature ต่างๆ ดังนี้
1. Home icon เหมือนเรา install app แล้วมี icon ให้กดเข้าไปได้เลย
และเมื่อเข้ามาแล้วจะไม่มี Toolbar , Address bar ของ browser ให้เห็นอีกต่อไป
2. Offline Mode สามารถเก็บ Cache ไว้บนเครื่องเพื่อให้ Web เราสามารถทำงานได้ถึงแม้จะปิด Network ไปก็ตาม
3. Notification อันนี้เจ๋งมาก มันสามารถทำให้ Web เราสามารถทำงานได้ถึงแม้จะไม่ได้เปิดหน้าจออยู่ก็ตาม
วิธีการทำ Progressive Web App ง่ายๆ ลองทำตามได้เลย
https://developers.google.com/web/progressive-web-apps/
Semantic UI เทคนิคการใช้งาน Icon แบบละเอียด 