Background Script | CalmAndCode

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

Teach online with

Background Script

Complete and Continue