Chrome Extensions : Develop 5 chrome extensions from scratch

Name: Chrome Extensions : Develop 5 chrome extensions from scratch
Rating: 4.4 (2683 reviews)

For Beginners

Created byVishwas Gopinath

Last updated 3/2017

English

What you'll learn

Create a simple Hello World extension
Create a Budget Manager extension
Create a Page Style extension
Create Text-To-Speech extension
Debug Chrome Extensions
Deploy Chrome Extensions

Course content

7 sections • 44 lectures • 1h 58m total length

Course Overview1:10
The Big Picture0:41

Overview0:58
Manifest File2:27
Popup HTML File2:43
Adding javascript2:14
Popup.js7:12
Options Page0:53
Create a Chrome extension options page with HTML, CSS, and JavaScript to set a budget limit and a reset total button, supporting daily, weekly, or monthly tracking.
Options HTML3:07
Options Javascript5:26
Rich Notifications6:05
Background and Event Pages0:55
Context Menus1:11
Creating Context Menu3:27
Create a chrome extension context menu with an event page, declare it in the manifest, request context menu permission, and add a selection item spend money via chrome.contextMenus.create.
Context Menu Functionality5:28
Badges3:47
Budget Manager Summary1:03

Overview1:40
Explore page action extensions in Chrome: learn when to use them, how they activate only on specific pages, and apply basic font styling to developer.chrome.com pages with Chrome APIs.
Manifest File3:16
Popup HTML1:41
Event Page3:33
Build an event page background script to control the page action icon, using manifest.json, chrome.tabs.query, chrome.pageAction.show, and content scripts to target specific pages.
Content Scripts and Messages3:50
Content scripts run in the web page context and can modify the DOM, but cannot access Chrome APIs; use messaging with background and popup scripts for functionality.
Content.js6:01
Content.css2:27
Color Picker2:38
Popup.js6:02
Page Font Style Extension Summary0:46

Requirements

A basic knowledge of HTML, CSS, Javascript and jQuery is required.
How to use Chrome browser
How to use a text editor such as Visual Studio Code, Sublime Text or Notepad++

Description

Learn from scratch, the basic concepts that you will need to build fully functional chrome extensions.

Google Chrome Extensions are browser extensions that modify the Google Chrome browser. These extensions are written using web technologies like HTML, CSS and Javascript.

Manifest
Option Pages
Event Pages
Text to Speech
Chrome Dev Tool Debugging
Deploying in Chrome Web Store

Content and Overview

Specifically for beginners, this course contains all the fundamentals you need to know, in one place, simplified and straight forward!

Starting from a simple hello world extension to get a basic overview of how to create chrome extensions, the course will take you through developing more complex extensions like a budget manager and even extensions that modify the web page.

Once the basics are mastered, the course teaches you how to use the text to speech engine and create simple extension that reads aloud the selected text.

Finally, the course will take you through debugging and deploying chrome extensions to the web store.

Students completing the course will have the knowledge to create functional and useful Chrome Extenions.

Who this course is for:

This course is for students who want to learn how to create a Chrome Extension

Chrome Extensions : Develop 5 chrome extensions from scratch

What you'll learn

Explore related topics

Course content

Getting Started2 lectures • 2min

Hello World Extension8 lectures • 16min

Budget Manager Extension15 lectures • 47min

Page Font Style Extension10 lectures • 32min

Wikit Extension3 lectures • 9min

Speak-It Extension3 lectures • 4min

Debug and Deploy Chrome Extensions3 lectures • 9min

Requirements

Description

Who this course is for: