ONLINECOURSE.HEADER

Progressive Web Application

เปลี่ยนเว็บไซต์ธรรมดา ให้เข้าถึงผู้ใช้งานได้ลื่นไหลเหมือน Application

1,990.00
บาท
4.1
3-4 ชั่วโมง
เรียนจบรับประกาศนียบัตร
เหมาะกับผู้ที่มีพื้นฐานการพัฒนาเว็บเบื้องต้น

SECTION_TITLE.INSTRUCTOR

วรัทธน์ วงศ์มณีกิจ (Co-Founder & Chief Product Officer at Wisesight) | Skooldio Instructor
วรัทธน์ วงศ์มณีกิจ
Co-Founder & Chief Product Officer at Wisesight

SECTION_TITLE.OVERVIEW

Progressive Web Application (PWA) คืออะไร?

การพัฒนา Application ด้วยคอนเซ็ปท์ Progressive Web Application (PWA) ซึ่งเป็นแนวคิดในการพัฒนาเว็บไซต์ที่สามารถให้ประสบการณ์เช่นเดียวกับ Mobile Application ได้

คอร์สออนไลน์ เริ่มต้นเขียน Progressive Web App

ข้อดีคือช่วยให้สามารถพัฒนาได้ในเวลาที่รวดเร็ว ใช้ทรัพยากรน้อยกว่า เมื่อเทียบกับการพัฒนา 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.COURSE_OUTLINE

01

Course Introduction

Course Introduction

1:10

Course Materials

What is & Why 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

0:55

Anatomy of Manifest & Handling Updates

5:20

Application Appearance

0:26

Icon

6:01

Theme Color

2:43

Display Mode

4:22

Darkmode

4:01

Installation Experience

2:14

Customizing Installation Dialog

6:53

Detecting Whether Native App is Installed

3:08

Offline & Detect Online Status

4:08

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

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 PWA to the Stores

4:22

Case Studies

3:59

Course Recap

0:27

SECTION_TITLE.FAQS

Q:

วิธีขอใบเสนอราคาและใบแจ้งหนี้ในนามนิติบุคคล

A:

หากต้องการใบเสนอราคาและใบแจ้งหนี้ในนามนิติบุคคลสามารถส่งรายละเอียดดังนี้

  • คอร์สที่สนใจและจำนวนผู้เรียน
  • ชื่อ-นามสกุล, เบอร์โทรผู้ติดต่อ
  • ชื่อ-ที่อยู่บริษัท, เลขประจำตัวผู้เสียภาษี
  • จำนวนภาษีหัก ณ ที่จ่าย (ถ้ามี)

มาที่ hello@skooldio.com โดยใช้ระยะเวลาดำเนินการไม่เกิน 1 วันทำการ (จันทร์-ศุกร์)

A:

สามารถทำได้ โดยในหน้าคำสั่งซื้อ กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" จากนั้นเลือก "นิติบุคคล/บริษัท" และคำสั่งซื้อจะมีการหักภาษี ณ ที่จ่าย 3% โดยอัตโนมัติ ในกรณีบริษัทของท่านไม่ใช่ 3% กรุณาส่งรายละเอียดที่ต้องการสั่งซื้อมาที่ hello@skooldio.com

A:

กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" ในหน้าชำระเงินและเลือกประเภทบุคคลทั่วไปหรือนิติบุคคล และกรอกรายละเอียด

A:

สำหรับคอร์สที่ซื้อในนามบุคคลทั่วไป คอร์สมีอายุตลอดชีพ สำหรับคอร์สที่ซื้อในนามนิติบุคคล สามารถกลับมาเรียนซ้ำได้ภายใน 1 ปี

A:

หลังจากได้รับใบกำกับภาษีแล้ว หากต้องการแก้ไขข้อมูล สามารถทำได้ภายใน 7 วัน นับจากวันที่ได้รับใบกำกับภาษีแบบเต็มรูปทางอีเมล โดยสามารถแก้ไขข้อมูลได้เฉพาะ ชื่อ-นามสกุล เลขประจำตัวผู้เสียภาษีและที่อยู่เท่านั้น จะไม่สามารถแก้ไขข้อมูลคำสั่งซื้อได้

SECTION_TITLE.RELATED_ONLINE_COURSES