SECTION_TITLE.OVERVIEW
Progressive Web Application (PWA) คืออะไร?
การพัฒนา Application ด้วยคอนเซ็ปท์ Progressive Web Application (PWA) ซึ่งเป็นแนวคิดในการพัฒนาเว็บไซต์ที่สามารถให้ประสบการณ์เช่นเดียวกับ Mobile Application ได้
ข้อดีคือช่วยให้สามารถพัฒนาได้ในเวลาที่รวดเร็ว ใช้ทรัพยากรน้อยกว่า เมื่อเทียบกับการพัฒนา Mobile App รูปแบบ Native และไม่จำกัดการเข้าถึงและการติดตั้งบน Platforms (Apple App Store / Google Play store)
ด้วยคุณสมบัติดังกล่าว ทำให้บริษัทต่างๆ สนับสนุนแนวคิด และ เริ่มพัฒนา App ด้วยแนวคิดของ Progressive Web Apps กันมากขึ้น อาทิเช่น Starbucks, Tinders, Rakuten, Twitter และองค์กรระดับโลกอีกมากมาย ทำให้แนวคิดการพัฒนาเว็บรูปแบบ Progressive Web Apps เป็นรูปแบบในการพัฒนา App ที่จะเป็นแนวทางหลักของโลก Techology ในอนาคตที่ทุกองค์กรจะขาดไม่ได้
ภายในคอร์ส "Progresssive Web Application" นี้จะพาคุณเรียนรู้ทุกเรื่องในการพัฒนา Progressive Web Apps ตั้งแต่ พาเข้าใจองค์ประกอบของ Progressive Web Apps ว่าประกอบไปด้วยอะไรบ้าง? แนะนำเทคนิคการปรับแต่งประสบการณ์ Appให้การใช้งานลื่นไหลไม่ติดขัด สอนการใช้ Feature ต่างๆ เพื่อ Integrate Progressive Web Apps กับ Platform เพื่อสามารถสร้างประสบการณ์ของผู้ใช้งานได้แนบเนียนที่สุด สอนวิธีการพัฒนาให้ Progressive Web Apps เรียกใช้ข้อมูลหลังบ้านอย่างไรให้ลื่นไหลที่สุดเมื่อการใช้งาน App อยู่ในสถานะ Offline จนจบกระบวนการนำ Progressive Web Apps ไป Deploy ขึ้น Web Store ใช้งานได้จริง
คอร์สออนไลน์ Progressive Web Application
- คอร์สนี้จะเน้นปูพื้นฐานในการพัฒนา Progressive Web Apps แบบครบ จบทุกประเด็นที่ควรรู้รวมอยู่ภายในคอร์สเดียว
- รวมเทคนิคการ Customize ด้วยเครื่องมือ และ Features ต่างๆ ที่จะทำให้คุณพัฒนา Progressive Web Apps ที่สามารถสร้างประสบการ์ณใช้งานใกล้เคียงกับ Native Apps แบบแนบเนียนที่สุด
- เพิ่มแนวคิดการใช้ Progressive Web Apps ในด้านเทคนิคและด้านธุรกิจในโลกการทำงานจริง คุณจะสามารถนำไปใช้ต่อยอดได้
- อัดแน่นไปด้วยแบบฝึกหัดที่คุณจะได้ลงมือทำจริง! ด้วยตัวคุณเองในทุกบทเรียน เรียบจบได้ Certificate และผลงานส่วนตัว 1 Project
- สอนโดยผู้เชี่ยวชาญระดับ Google Developers Expert ด้าน Web Technologies
เมื่อเรียนจบคอร์สนี้ คุณจะสามารถ..
- เข้าใจภาพรวมของ Progressive Web Apps ว่าคืออะไร มีความสำคัญอย่างไร และมีวิธีการพัฒนาอย่างไรแบบละเอียดทุกขั้นตอน
- สามารถ Setting และ Customizeให้ “เว็บไซต์” มีลักษณะคล้ายกับ “แอปฯ” มากที่สุด ทั้งด้านหน้าตาและฟีเจอร์ใช้งาน
- มีเทคนิคการเชื่อมต่อ Platform ให้เว็บของคุณสามารถทำงานได้อย่างเรียบเนียนที่สุด
- เรียนรู้การใช้ App Manifest ซึ่งถือว่าเป็นหัวใจสำคัญของการทำ Progressive Web Apps
- ติดตั้งและใช้งาน Service Worker ที่จะทำให้เว็บมีฟีเจอร์สำคัญต่างๆ เช่น สามารถทำงานได้แม้อุปกรณ์ Offline, การทำ Push Notification หรือ การทำ Background Sync รวมถึงฟีเจอร์อื่นๆ อีกมากมาย
- เห็นภาพการใช้งานจริงทั้งด้านเทคนิคและด้านธุรกิจจากตัวอย่าง Case Study ของ Progressive Web Apps กับบริษัทต่างๆ ที่ยกมาภายในคอร์ส
- มีผลงาน Progressive Web Apps เป็นของตัวเอง เก็บเป็น Portfolio ส่วนตัว
คอร์สนี้เหมาะสำหรับ
- ผู้ที่มีพื้นฐานการพัฒนาเว็บเบื้องต้น (HTML, CSS, Javascript)
- Frontend Developer ที่อยากเรียนรู้การพัฒนา Progressive Web Apps เพื่อต่อยอดใช้ในการทำงานจริงเพิ่มโอกาสเติบโตในสายงาน
- ผู้ที่ต้องการเปลี่ยนสายงาน - สนใจย้ายสายมาเป็น Front-End Developer และต้องการอัปสกิลที่สำคัญและเป็นที่ต้องการของตลาด
- องค์กร / บริษัท ที่ต้องการพัฒนา App ที่มีขนาดเล็กของตัวเอง เพื่อเข้าถึงผู้ใช้งาน สร้างประสบการณ์ที่ดีได้ด้วยแนวคิดของ Progressive Web Apps
- Freelance - นักพัฒนาที่ต้องการพัฒนา Progressive Web Apps ให้กับธุรกิจ SME ช่วยเป็นอีกหนึ่งทางเลือกเครื่องมือที่ใช้ในการแข่งขันของธุรกิจได้
- นักเรียน นักศึกษา - เริ่มต้นเรียนรู้ทักษะที่กำลังเป็นที่ต้องการก่อนใคร เพื่อเพิ่มโอกาสโอกาสในการสมัครงานในองค์กรที่ต้องการได้
คอร์สนี้ไม่เหมาะสำหรับ
- ผู้ที่ไม่มีพื้นฐานการพัฒนาเว็บเบื้องต้น (HTML, CSS, Javascript) สามารถเริ่มต้นศึกษาได้ในคอร์ส ก้าวแรกสู่ Front-end Developer
- Developer / บริษัทที่ต้องการพัฒนา Application แบบ Native (Kotlin,Swift)
สอบถามข้อมูลเพิ่มเติม
- ++Facebook ของ Skooldio++
- สำหรับท่านที่ต้องการสมัครในนามบริษัท 5 ท่านขึ้นไป ติดต่อรับส่วนลด bulk discount ได้ที่ hello@skooldio.com
SECTION_TITLE.INSTRUCTOR
SECTION_TITLE.COURSE_OUTLINE
What is & Why Progressive Web App?
Course Materials
What is & Why Progressive Web App?
Foundations of Progressive Web App
Foundations & Tools
0:18
Rendering
2:36
Responsive & Foldable
2:13
Android Developer Mode
Debugging Tools
5:29
Performance
3:17
App Manifest
App Manifest
0:55
Anatomy of Manifest & Handling Updates
5:20
Application Appearance
Application Appearance
0:26
Icon
6:01
Theme Color
2:43
Splash Screen
Display Mode
4:22
Darkmode
4:01
Installation Experience
Installation Experience
2:14
Customizing Installation Dialog
6:53
Detecting Whether Native App is Installed
3:08
Offline
Offline & Detect Online Status
4:08
Service Worker
Service Worker with Workbox
1:23
Precache Using Workbox
8:07
Routing Cache Using Workbox
9:48
Offline Storage
0:54
LocalStorage and SessionStorage
4:49
IndexDB
7:13
Cache API
5:54
Storage Limit
2:57
Platform Integration
Introduction
0:27
App Shortcut
1:33
Web Push Notifications
6:14
Badging API
2:00
Media Session API
2:21
Web Share
2:45
Web Share Target
2:46
Enter Key Hint
2:01
Contact API
4:22
Deploy to Stores
Deploy PWA to the Stores
4:22
Case Studies
Case Studies
3:59
Course Recap
Course Recap
0:27
SECTION_TITLE.FAQS
Q:
ซื้อคอร์สออนไลน์ในนามนิติบุคคลผ่านหน้าเว็บไซต์ได้หรือไม่
A:
สามารถทำได้ โดยในหน้าคำสั่งซื้อ กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" จากนั้นเลือก "นิติบุคคล/บริษัท" และคำสั่งซื้อจะมีการหักภาษี ณ ที่จ่าย 3% โดยอัตโนมัติ ในกรณีบริษัทของท่านไม่ใช่ 3% กรุณาส่งรายละเอียดที่ต้องการสั่งซื้อมาที่ hello@skooldio.com
Q:
วิธีขอใบกำกับภาษีในนามนิติบุคคลและใบกำกับภาษีสำหรับบุคคลทั่วไป
A:
กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" ในหน้าชำระเงินและเลือกประเภทบุคคลทั่วไปหรือนิติบุคคล และกรอกรายละเอียด
Q:
คอร์สออนไลน์สามารถกลับมาเรียนซ้ำได้หรือไม่
A:
สำหรับคอร์สที่ซื้อในนามบุคคลทั่วไป คอร์สมีอายุตลอดชีพ สำหรับคอร์สที่ซื้อในนามนิติบุคคล สามารถกลับมาเรียนซ้ำได้ภายใน 1 ปี
Q:
สามารถแก้ไขใบกำกับภาษีจากในนามนิติบุคคลเป็นใบกำกับภาษีบุคคลทั่วไป และ ใบกำกับภาษีบุคคลทั่วไปเป็นใบกำกับภาษีในนามนิติบุคคลได้หรือไม่
A:
หลังจากได้รับใบกำกับภาษีแล้ว หากต้องการแก้ไขข้อมูล สามารถทำได้ภายใน 7 วัน นับจากวันที่ได้รับใบกำกับภาษีแบบเต็มรูปทางอีเมล โดยสามารถแก้ไขข้อมูลได้เฉพาะ ชื่อ-นามสกุล เลขประจำตัวผู้เสียภาษีและที่อยู่เท่านั้น จะไม่สามารถแก้ไขข้อมูลคำสั่งซื้อได้