สร้าง Browser Extensions จริงสำหรับ Chrome และ Edge
Browser extensions ช่วยให้คุณแก้ไขหน้าเว็บ, ทำให้พฤติกรรม browser เป็นอัตโนมัติ, ยัดกั้นคำขอเครือข่าย และจัดส่งเครื่องมือที่กำหนดเองโดยตรงให้ผู้ใช้ผ่าน Chrome Web Store และตลาด Edge Add-ons คลาสนี้สอน Manifest V3 — รูปแบบ extension ที่ปัจจุบันและจำเป็น — ตั้งแต่ manifest.json แรกของคุณจนถึงการกระจายข้ามเบราว์เซอร์และความปลอดภัยในการผลิต แนวคิดทั้งหมดมีพื้นฐานมาจาก API ที่ Chrome และ Edge เปิดเผยในปัจจุบัน
สิ่งที่คุณจะได้เรียนรู้
คุณจะได้เรียนรู้ว่า Manifest V3 จัดโครงสร้าง permissions, service workers และวัฏจักรชีวิตของคอมโพเนนต์อย่างไร จากนั้นคุณสร้าง UI จริงด้วย popups และ options pages, ฉีด content scripts ที่อ่านและเขียนใหม่ page DOM และเชื่อมต่อกับพื้นผิว UI ของเบราว์เซอร์ เช่น context menus และ omnibox ในส่วนข้อมูล คุณเชี่ยวชาญ extension messaging, storage APIs และ declarativeNetRequest เพื่อแก้ไขคำขอเว็บโดยไม่มี broad host permissions คุณยังครอบคลุม programmatic browser control, debugging และ performance profiling และรูปแบบ permissions ขั้นสูงพร้อมความสำคัญในด้านความปลอดภัย คลาสจบด้วยเทคนิคความเข้ากันได้ข้ามเบราว์เซอร์และการรวม modern JavaScript frameworks เข้าใน extension build pipeline
เส้นทางการเรียนรู้
สิบสองคอร์สครอบคลุม A1 ถึง C1 คอร์สแรกเป็นฟรีและแนะนำ Manifest V3 fundamentals คอร์ส A1–A2 สร้างโครงสร้าง manifest และรูปแบบ permissions หลัก คอร์ส B1 สร้างทักษะที่ใช้ได้จริง: UI construction, content script injection, browser UI integration และการเผยแพร่ไปยัง Chrome Web Store และตลาด Edge สี่คอร์ส B2 ลึกลงไป — messaging และ persistence, declarative network request modification, browser automation และ debugging พร้อม performance optimization คอร์ส C1 สองคอร์สสุดท้ายครอบคลุม advanced permissions, security hardening และการบรรลุ cross-browser compatibility ที่แท้จริงพร้อมการใช้ modern framework
วิธีการทำงาน
แต่ละคอร์สแบ่งออกเป็นบทเรียนระยะสั้นและใช้ได้จริงที่คุณทำให้เสร็จในตัวแก้ไขในตัวพร้อมข้อเสนอแนะแบบเรียลไทม์และ AI tutor พร้อมใช้เมื่อคุณติดขัด คุณเขียนโค้ด extension จริง — manifest files, background service workers, content scripts และ options pages — ดังนั้นทุกบทเรียนจึงสร้างบางสิ่งที่คุณโหลดลงใน Chrome หรือ Edge ได้โดยตรงเป็น extension ที่ทำงาน
