This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Create Awesome Google Chrome Extensions
Introduction to Google Chrome Extensions
What is a Chrome Extension? (1:54)
What do Chrome Extension do? (0:32)
Chrome Extension Structure (2:16)
Basic Concepts & Creating First Chrome Extension
Create Chrome Extension Folder (0:47)
Manifest (3:01)
Background Script (2:49)
Chrome API (2:42)
Storage (4:17)
Installing Extension in Chrome Browser (3:13)
Icon (5:37)
User Interface (3:40)
HTML & CSS (2:26)
Adding Javascript (1:00)
The Popup HTML (1:20)
Javascript Click Button (3:00)
Google Chrome APIs (2:11)
Change Color Function - Part 1 (9:01)
Change Color Function - Part 2 (4:24)
Testing Background (0:44)
Options Page (3:02)
Options Functions - Part 1 (5:34)
Options Functions - Part 2 (3:59)
Options CSS (4:01)
Popup H1 Text (4:37)
Adding Three Buttons (3:04)
The Style of The Three Buttons (3:06)
Create a Second Google Chrome Extension - Limited Time Extension
Limited Time Extension (2:52)
Icons Specs (1:06)
Icon in Manifest (1:01)
Basic UI (1:07)
The HTML (3:10)
CSS Design - Part 1 (6:36)
CSS Design - Part 2 (6:23)
Start Session Button (7:20)
On Alarm - Part 1 (1:31)
On Alarm - Part 2 (4:12)
On Alarm - Part 3 (0:13)
Remove Button (2:38)
Info Button - Part 1 (6:24)
Info Button - Part 2 (1:38)
Info Button - Part 3 (0:20)
Badge Text (4:29)
Page Action - Part 1 (2:38)
Page Action - Part 2 (1:37)
Page Action - Part 3 (1:43)
Communication Between Pages (1:01)
Extension Details (1:31)
Google Chrome Web Store
Publishing on Google Chrome Web Store (6:08)
Thank You (0:29)
Project Code
Change Color Extension Code
Limited Time Extension Code
Icon in Manifest
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock