Progressive Web Application (PWA) คือ Web Application ที่มีฟีเจอร์อันหลากหลายที่ทำให้คล้ายกับ Native Mobile Apps ใน iOS และ Android และนำมาซึ่ง User Experience ที่แทบจะไม่ต่างกัน
ฟีเจอร์เหล่านี้มีมากมาย ยกตัวอย่างเช่น
- การเข้าถึงได้แบบ Offline และ Performance ที่ยอดเยี่ยม
- การใช้งาน Push Notifications
- การเข้าใช้งานได้จาก Homescreen
- การเข้าถึง Sensor ต่างๆ ของ mobile device
- Background Processing ใน service workers
ถ้าจะให้สรุปสั้นๆ ก็คือ เมื่อผู้ใช้งานใช้ PWA จะเหมือนกับว่าใช้งาน Apps ใน Smartphone มากกว่าจะเป็นการใช้ Browser นั่นเองครับ
ปัจจุบันคงไม่มีใครปฏิเสธได้ว่าการสร้าง Progressive Web Application เป็นเทรนด์ที่กำลังมาแรงในสายงาน Web Development มีบริษัทมากมายที่สร้าง PWA มาแล้วเป็นที่เรียบร้อย ไม่ว่าจะเป็น Twitter, Spotify, Tinder, Trivago ฯลฯ
ดังนั้นถ้าคุณเป็นนักพัฒนา การเพิ่มทักษะการสร้าง PWA เข้าไปด้วยจึงเป็นทางเลือกที่น่าสนใจไม่น้อยเลยทีเดียว
ในโพสนี้ ผมจึงจะมาแนะนำถึงคอร์สสอนการสร้าง PWA ออนไลน์ที่น่าสนใจ จะมีคอร์สไหนบ้าง เราไปดูกันเลยครับ
ข้อควรทราบ:
- รายละเอียดต่างๆ อย่างเช่นราคาอาจจะเปลี่ยนแปลงได้ (เพราะ Udemy ลดถล่มทลายถึง 90%) เพราะฉะนั้นโปรดตรวจสอบให้ดีก่อนซื้อครับ
- ในการเรียนการสร้าง PWA คุณจะต้องมีพื้นฐานการใช้งาน HTML&CSS รวมไปถึง JavaScript ที่ดีในระดับหนึ่ง ส่วน Framework ต่างๆ นั้นไม่จำเป็นครับ
Udemy
คอร์สสอนการสร้าง Progressive Web Application ทั้งหมดที่ผมจะแนะนำล้วนแต่อยู่ใน Udemy ถ้าใครยังไม่คุ้นเคยกับแพลตฟอร์มนี้มาก่อนเลย คุณควรจะอ่านบทความแพลตฟอร์มเรียนออนไลน์ของผมก่อนครับ
เพื่อที่คุณจะได้ทราบว่าการเรียนกับ Udemy มีข้อดีข้อเสียอย่างไร และได้ทราบถึงรายละเอียดอย่างอื่นด้วย
สิ่งหนึ่งที่ผมขอเน้นเป็นพิเศษในการซื้อคอร์สจาก Udemy คือ คุณต้องซื้อในช่วงลดราคาเท่านั้น เพราะลดแรงถึง 90% จนเหลือไม่เกิน 500 บาท (ส่วนมาก 350 บาท) แถมการลดราคานี้มีบ่อยมากครับ
ถ้าคุณเข้าเว็บไปแล้วพบว่า คอร์สไม่ลดราคา ผมแนะนำให้สมัครแจ้งเตือนไว้กับ Victory Tale หรือว่ารอ 2-5 วันแล้วลองกลับเข้าไปดูใหม่ครับ
เราไปดูกันดีกว่ามีคอร์สไหนน่าเรียนบ้าง
1. Progressive Web Apps (PWA) – The Complete Guide
คอร์สนี้จัดทำโดย Maximilian Schwarzmüller นักพัฒนาที่เรียนทุกอย่างด้วยตนเองจนกลายเป็นผู้เชี่ยวชาญ
นอกจากนี้เขายังมีทักษะการสอนและถ่ายทอดอย่างเยี่ยมยอดอีกด้วย นักเรียนที่ผ่านคอร์สต่างๆ ของเขามีเกือบ 1.3 ล้านคน โดยเขาได้คะแนนรีวิวเฉลี่ยทุกคอร์สสูงถึง 4.6/5.0 ครับ
จากที่ผมเคยเรียนกับเขามา สิ่งที่ผมชอบที่สุดก็คือการที่เขาอัพเดตตัวคอร์สบ่อยมาก ซึ่งจะทันต่อการอัพเดตต่างๆ ทำให้คอร์สของเขาทันสมัยอยู่ตลอดเลยครับ
เราไปดูกันดีกว่าเขาจะสอนคุณสร้าง Progressive Web Apps อย่างไรบ้าง
- พื้นฐานของ Progressive Web Apps และการเปรียบเทียบ PWA กับ SPA (Single Page Application และ Native Mobile App ทั่วไป
- อธิบายคอนเซปต์ของ App Manifest (เพื่อให้ app ของคุณสามารถ install ได้บน homescreen รวมไปถึง Service Workers, Promise และ Fetch
- เจาะลึกในส่วนของ Caching
- IndexDB, Firebase และการจัดการ Dynamic Data
- การสร้าง User Interface แบบ Responsive
- อธิบายโครงสร้างของ Background Sync และการใช้งานกับ PWA
- การใช้ Push Notifications และ Native Device Features (อย่างเช่น Camera และ Location)
- การจัดการ Service Worker โดยใช้ Workbox
- รายละเอียดปลีกย่อยอื่นๆ อย่างเช่นการเปลี่ยน SPA ให้เป็น PWA
การเรียนคอร์สนี้จะใช้รูปแบบ project-based โดยคุณจะได้ทำ course project ซึ่งก็คือการสร้าง PWA ขึ้นมาภายใต้การแนะนำของครูผู้สอนครับ
ครูผู้สอนบรรยายได้ดีมากอยู่แล้ว สำเนียงและเสียงในคลิปต่างๆ ล้วนแต่ชัดเจน ผมมั่นใจว่าคุณจะไม่มีปัญหาในส่วนนี้เลยครับ
คอร์สนี้ได้ความนิยมล้นหลามและเป็นคอร์สสอน PWA ที่ได้รับความนิยมมากที่สุดเหนือคอร์สอื่นอย่างชัดเจน เพราะว่าได้คะแนนรีวิวไปถึง 4.7/5.0 จากนักเรียน 47,000 คน
2. PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)
คอร์สสอนการสร้าง Progressive Web Application ของ Danny Connell นักพัฒนาแบบ Full Stack Developer ที่มีประสบการณ์นับสิบปี และเป็นเจ้าของ app ทางการเงินส่วนบุคคลที่มียอดดาวน์โหลดจาก iOS และ Android กว่า 2 ล้านครั้ง และได้คะแนนรีวิวสูงมากด้วยครับ (4.8/5.0 และ 4.7/5.0)
สำหรับคอร์สนี้ เขาจะสอนการสร้าง PWA ชื่อ “Quasagram” ที่มีฟีเจอร์ต่างๆ คล้ายกับ Instagram
ทั้งนี้คุณจะได้ใช้งาน Vue.js (สำหรับ Front End) และ Node.js และ Express สำหรับ Back End ครับ (ไม่จำเป็นต้องเรียนทั้งสองอย่างนี้มาก่อนแต่อย่างใด)
สิ่งที่ครูผู้สอนจะสอนคุณมีดังต่อไปนี้
- แนะนำพื้นฐานของ Progressive Web Application + Install ทุกอย่างที่ต้องใช้งาน
- ออกแบบ Layout, Pages & Routes และหน้า Homepage (ในส่วนนี้ผู้สอนเปิดให้คุณลองเรียนได้ฟรี เพราะฉะนั้นก็อย่าพลาดครับ)
- ออกแบบและใส่ฟีเจอร์แบบ Native Device อาทิเช่น Camera และ Location
- ใช้ Firebase ในการจัดการ Database และ Storage
- การใช้งาน Node.js & Express เพื่อเชื่อมต่อกับ Front End ของคุณ
- Get Posts/Create Post Endpoint
- การ Set Up PWA, การใช้ Icon สำหรับ Devices ทุกตัว, การ Install Homescreen
- Precaching และแนะนำกลยุทธ์ Caching ที่ถูกวิธีและมีประสิทธิภาพ
- โครงสร้างการทำงานของ Service Workers & Workbox และการจัดการในส่วนของ Background Sync เพื่อให้ PWA ใช้งานแบบ offline ได้
- การใช้ Push Notifications
- การทำ Testing ตัว PWA ของคุณใน Desktop Browser ต่างๆ
- จัดการรายละเอียดปลีกย่อยใน Android และ iOS โดยใช้ Simulator
สรุปแล้วคุณจะได้ใส่สร้าง PWA ที่มีฟีเจอร์หลักทั้งหมด นั่นคือการ Install ลงบน Homescreen, Caching, Background Sync, Push Notifications รวมไปถึงการจัดการกล้องและ Location ครับ
การสอนในคอร์สจะเป็นแบบ project-based ที่คุณจะได้ลองทำจริงทั้งหมด พร้อมกับ assignment แยกที่ให้คุณพัฒนาเพิ่มเติมด้วย
เนื้อหาทั้งหมดในคอร์สจะอยู่ที่ 15 ชั่วโมงครับ เมื่อเรียนจบแล้วคุณจะพร้อมสำหรับการสร้าง PWA ของคุณเองอย่างแน่นอน
ในเรื่องของการบรรยาย จากที่ผมลองเรียนพบว่า ทุกอย่างเข้าใจง่ายครับ สำเนียงของครูผู้สอนฟังไม่ยากเลย คุณเรียนได้อย่างสบายๆ แน่นอน
คอร์สนี้ได้คะแนนรีวิว 4.8/5.0 จากนักเรียน 1,250 คนครับ ถือว่าเป็นคอร์สที่ยอดเยี่ยมน่าสนใจอีกคอร์สหนึ่งครับ
3. Progressive Web Apps: The Concise PWA Masterclass
สำหรับใครที่ยุ่งและไม่อยากเรียนอะไรยาวเกินกว่า 10 ชั่วโมง คอร์สสอนการสร้าง Progressive Web Application ของ Ray Viljoen นักพัฒนาแบบ Full Stack Developer ที่มีประสบการณ์มากกว่า 10 ปีจะตอบโจทย์ของคุณครับ
คอร์สนี้จะสอนคุณสร้าง PWA อย่างกระชับที่สุด แต่ก็ยังคงเนื้อหาชั้นยอดไว้อย่างครบถ้วน สิ่งที่คุณจะได้เรียนจะประกอบด้วย 2 ส่วนด้วยกัน
Part I จะอธิบายคอนเซปต์หลักๆ ของการสร้าง PWA ไม่ว่าจะเป็น Service Worker, Push Notifications, Caching และ Native App Features
ส่วน Part II จะเป็นการลองสร้าง PWA ของคุณ แน่นอนว่าครูผู้สอนจะสอนวิธีการต่างๆ ให้คุณเข้าใจได้อย่างละเอียด และไม่เวิ่นเว้อครับ
สำเนียงของครูผู้สอนเข้าใจง่ายมาก ผมตรวจสอบดูแล้วคิดว่าคุณจะฟังและเรียนได้อย่างสบายๆ ครับ
คอร์สนี้เก็บคะแนนรีวิวไป 4.6/5.0 จากนักเรียนกว่า 4,500 คนครับ
คอร์สสอน Progressive Web Apps อื่นๆ
เนื่องจาก Progressive Web Apps เพิ่งจะเป็นกระแสในไม่กี่ปีที่ผ่านมา คอร์สที่สอนจึงมีจำนวนน้อยไปด้วย อย่างไรก็ดีผมเชื่อว่าคอร์สที่ดีมีคุณภาพจะเพิ่มขึ้นตามลำดับ ถ้ามีคอร์สใหม่ที่น่าสนใจ ผมจะมาอัพเดตในโพสนี้ครับ
