Creating A Chrome Extension

Pluralsight
Course Summary
In this course, you'll learn how to create several different Chrome extensions.
-
+
Course Description
Chrome is an awesome browser from Google that is very fast and lightweight, yet also very powerful. Chrome also has a very good extensibility model that allows developers with just HTML, CSS and JavaScript skills to create powerful extensions. In this course, I’ll show you the basics of creating Chrome extensions as we create 3 different Chrome extensions. We’ll start off the course learning a little bit about the basics of Chrome extensions and how extensions work in Chrome and then we’ll dive right in and start creating our first extension. Once we have the basics down, we’ll build a more powerful extension that has its own user interface and options page and is able to save data using the Chrome APIs and add its own entry to the right click menu for Chrome. Then, we’ll learn to create a page action extension which will only show up on certain web pages. We’ll also learn how to utilize the Chrome messaging API and even how to inject our own JavaScript and CSS into an existing page to enhance its capabilities. We’ll actually have our extension modify the Pluralsight website course listing page to make the course listing table sortable—so, you won’t want to miss this. Finally, we’ll wrap up our tour of Chrome extensions by learning how to debug extensions as well as deploy them. So, if you are interested in Chrome extensions, but have always thought it might be too difficult to create one for yourself, you definitely need to check out this course. Trust me, it is much easier than you probably think and this course will show you how to do it.
-
+
Course Syllabus
Introduction- 22m 15s
—Introduction 1m 2s
—Who This Course Is For 1m 19s
—What This Course Will Cover 1m 50s
—What Is A Chrome Extension 1m 28s
—Looking At Some Extensions 3m 2s
—Extensions Versus Plugins 1m 44s
—How Chrome Extensions Work 2m 13s
—What Extensions Can Do 2m 0s
—Chrome APIs 1m 45s
—Background Pages 1m 17s
—Checking Out Background Pages 1m 44s
—UI Pages 0m 51s
—Content Scripts 0m 58s
—Up Next 1m 2sHello Extension- 20m 39s
—Introduction 0m 58s
—Extension Components 1m 8s
—The Manifest File 1m 31s
—Creating The Manifest 4m 4s
—HTML Files 0m 42s
—Creating The HTML Page 2m 19s
—Adding The Icon 1m 50s
—JavaScript 0m 38s
—Adding JavaScript 3m 53s
—Testing JavaScript 0m 49s
—Adding Style 2m 1s
—Up Next 0m 46sA Browser Action Extension- 50m 33sA Page Action Extension- 39m 41sDebugging And Deployment- 27m 40s