Create Awesome Google Chrome Extensions

Learn How to Create Google Chrome Extensions Step By Step

Created by : Rated :4.1 74135 views

Last Updated: 2023-03-23 09:03:14 English Course Type: Self Learning

The student will be able to create a complete Google Chrome Extension
The student will learn how to publish a Google Chrome Extension in Chrome Web Store
The student will intensify their Javascript skills

Web Browsers are probably the first thing people used when they started learning about the interned about 20 years ago. But browsers now are completely different and have lots of features that have never been there. One of the most popular and most used web browser is Google Chrome Browser. With Google Chrome Browser you can do more than just surfing the internet. Actually you can install a piece of software called an Extension which makes it even more powerful by extending the browser's features and let's users manipulate the browsers in pretty much any way they want. Moreover, Extensions improve user experience by adding features that are either are not available in a website, or are better added externally!

Learn How to Create a Completely functional Google Chrome Extension and Publish it on Google Chrome Web Stroe.

This course will take you step by step towards learning how to create Google Chrome Extensions.

First I'm going to start by teaching you basic and important concepts to make sure you understand the function of each part in the extension's files. Then I'll move on to setting up the HTML and design for your extension.

And of course most importantly, the Javascript code, which serves as the commander for your Chrome Extension.

After taking this course, you will have created a complete Google Chrome Extension. And you you will be able to create new extensions. And not just that, you will also be taught how to publish them on Google Web Store so that people around the world can use your extensions.

WHAT MAKES THIS COURSE UNIQUE

This course provides you with the "How to" instead of focusing only on theories that might not be useful. It also gives you a clear step by step method to create your Google Chrome Extensions.

Some of the topics taught in this course:

Google Chrome Extensions Introduction
Basic Concepts.
Chrome Extensions Project Structure.
Designing your Chrome Extension
Google Chrome APIs for Extensions.
Create Background Color Changer Extension.
Publish your Google Chrome Extension.

Good luck and have a nice trip in this course!

Basic knowledge in HTML
Good knowledge in CSS
Intermediate level in Javascript

Web developers with all levels
Front end web developers

Section 1 : Introduction to Google Chrome Extensions 3 Lectures 00:04:40
Lecture 1 :
What is a Chrome Extension? Preview
Lecture 2 :
What do Chrome Extension do?
Lecture 3 :
Chrome Extension Structure
Section 2 : Basic Concepts & Creating First Chrome Extension 23 Lectures 01:17:01
Lecture 1 :
Create Chrome Extension Folder
Lecture 2 :
Manifest
Lecture 3 :
Background Script
Lecture 4 :
Chrome API
Lecture 5 :
Storage
Lecture 6 :
Installing Extension in Chrome Browser
Lecture 7 :
Icon
Lecture 8 :
HTML & CSS
Lecture 9 :
Adding Javascript
Lecture 10 :
The Popup HTML
Lecture 11 :
Javascript Click Button
Lecture 12 :
Google Chrome APIs
Lecture 13 :
User Interface
Lecture 14 :
Change Color Function - Part 1
Lecture 15 :
Change Color Function - Part 2
Lecture 16 :
Testing Background
Lecture 17 :
Options Page
Lecture 18 :
Options Functions - Part 1
Lecture 19 :
Options Functions - Part 2
Lecture 20 :
Options CSS
Lecture 21 :
Popup H1 Text
Lecture 22 :
Adding Three Buttons
Lecture 23 :
The Style of The Three Buttons
Section 3 : Create a Second Google Chrome Extension - Limited Time Extension 21 Lectures 00:59:07
Lecture 1 :
Limited Time Extension
Lecture 2 :
Icons Specs
Lecture 3 :
Icon in Manifest
Lecture 4 :
Basic UI
Lecture 5 :
The HTML
Lecture 6 :
CSS Design - Part 1
Lecture 7 :
CSS Design - Part 2
Lecture 8 :
Start Session Button
Lecture 9 :
On Alarm - Part 1
Lecture 10 :
On Alarm - Part 2
Lecture 11 :
On Alarm - Part 3
Lecture 12 :
Remove Button
Lecture 13 :
Info Button - Part 1
Lecture 14 :
Info Button - Part 2
Lecture 15 :
Info Button - Part 3
Lecture 16 :
Badge Text
Lecture 17 :
Page Action - Part 1
Lecture 18 :
Page Action - Part 2
Lecture 19 :
Page Action - Part 3
Lecture 20 :
Communication Between Pages
Lecture 21 :
Extension Details
Section 4 : Google Chrome Web Store 2 Lectures 00:06:35
Lecture 1 :
Publishing on Google Chrome Web Store
Lecture 2 :
Thank You
Section 5 : Project Code 2 Lectures
Lecture 1 :
Change Color Extension Code
Lecture 2 :
Limited Time Extension Code

How do i access the course after purchase?
It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time.
Are these video based online self-learning courses?
Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic.
Can i play & pause the course as per my convenience?
Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on.
How do i contact the instructor for any doubts or questions?
Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want.
Do i need a pc to access the course or can i do it on mobile & tablet as well?
Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly.
Do i get any certificate for the courses?
Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
For how long can i access my course on the platform?
You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions.
Is there any free trial?
Currently, we do not offer any free trial.
Can i cancel anytime?
Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?

Mustafa Alawi,

432951 Course Views

7 Courses

Hi, it's Mustafa Alawi, a software developer and entrepreneur with several years of experience. And who have taught more than 3000 students several topics in the field of web development and software development. I've also worked on several projects developing Android Apps for businesses and worked as a consultant helping local business. My entrepreneurial tendency has led me to create CalmAndCode which is an online brand and website that helps developers improve their programming skills by building real-world projects rather focusing on theoretical concepts that wouldn't help them in the real job market. All my courses are project-based that mimic real-world projects that you would be working on in the real world. Hence, you will be confident and prepared for working on different projects having gained the skills required.