JS Workshop: Cross Browser Extensions with the web extensions API
Details
Are you curious about how to build browser extensions, but not sure where to start? We will begin by building two vanilla examples with some CSS and Javascript. After this, we'll build a popup with React.
Topics covered
- Why build an extension?
- Anatomy of an extension
- Basics of using the web extensions API versus the Chrome API for extensions
- Message sending
- Installing an extension in developer mode
- Debugging tips
- Security considerations
- Build tool considerations
Bio
Nicole Chung is a UX engineer at Crowdstrike.
https://redconservatory.com/
Welcome to the JS Workshop! This is a place for intermediate and advanced JavaScript developers to learn new skills, experiment with interesting technologies and have tons of fun.
The speakers codes on the projector-er-shared screen, and everyone in the room copies that code into their own laptops. You'll go home with an exciting new program, and if there's time left over at the end you'll do something cool with it and show a demo to everyone. Fun!
Prerequisites:
-
A laptop with a web dev environment, including an editor and a local server
-
Some proficiency in JavaScript
-
A cheerful and inquisitive attitude
-
An appetite for knowledge
Timetable:
6:30 - doors open
7:00 - workshop code-along
8:30 - extend the codebase
9:00 - everyone goes[stays] home
Code of conduct is enforced at all TorontoJS events https://torontojs.com/p/code_of_conduct