Workshop: Building a Browser Extension from Scratch — Part 2

on YouTube ↗01h 10m

" summary

Practical workshop on building browser extensions from scratch, covering extension architecture (what components make up extensions), platform specifics and limitations, common use cases, where and how to publish extensions (including upcoming iOS/iPad support), and development utilities; includes hands-on guidance and a companion GitHub repo (https://github.com/semeleven/webextension-workshop).

AI-written summary · about

" chapters (15)

1. 0:00Part 2 intro
2. 0:55TypeScript for extensions
3. 3:47Enterprise build setup
4. 4:53Automated testing
5. 7:20Part 1 recap & goals
6. 11:11VS Code via HTTP
7. 14:48Code sync editor-browser
8. 20:34Popup window
9. 24:51Count copied lines
10. 33:22Chrome Storage
11. 41:11Popup stats
12. 46:45First launch welcome
13. 50:02Firefox porting
14. 56:05Safari porting
15. 1:06:24Q&A

" related talks

• 01mEntrevistaMatias Blayer · NG Bolivia 2019
• 33mBecome a wizard and make the browser your ownOliver Dunk · DevFest Nantes 2025
• 29mEverything You Ever Wanted To Know About Cross-Browser Web ExtensionsRiaz Virani · XtremeJS 2021
• 22mExtending the Web - explore new UI surfaces with WebExtensionsOliver Dunk · Wey Wey Web 2024
• 15mCross Browser Add-ons and How to build oneJyotsna Gupta · JSFoo 2019
• 10mMaking AI Coding Work for Enterprise-Grade Browser ExtensionsTodd Schiller · AI Coding Summit 2026
• 38mBuilding Cross-Platform Browser Add-onsJyotsna Gupta · Women in Tech Virtual Conference 2020
• 41mCross browser extensions – lets make oneTrishul Goel · FrontEnd Con 2018