DailyRNG

Build a Chrome Extension

Build a Chrome Extension

Every lesson in order, step by step. No difficulty tiers. Just follow the arrows.

15 lessons, about 15 min of reading

1

What an extension is →

Step 1 · Basic

2

The manifest as the contract →

Step 2 · Basic

3

Reading a page as a query →

Step 3 · Basic

4

Changing a page under a rule →

Step 4 · Basic

5

A style as a class, never inline →

Step 5 · Basic

6

Storage as a keyed area →

Step 6 · Basic

7

The extension answers with a report →

Step 7 · Basic

8

Permissions narrowed to the page →

Step 8 · Advanced

9

Parts talking as a named channel →

Step 9 · Advanced

10

An off switch as a written state →

Step 10 · Advanced

11

Testing a content script as a fixture →

Step 11 · Advanced

12

Shipping with a review that names the reach →

Step 12 · Advanced

13

A dark mode as a rule set in one pass →

Step 13 · Master

14

Running across many tabs as a queue →

Step 14 · Master

15

Shipping with every limit in one file →

Step 15 · Master