Tutorialspoint

#May Motivation Use code MAY10 for extra 10% off

Step By Step Guide To Create Google Chrome Extensions

person icon Mustafa Alawi

4.2

Step By Step Guide To Create Google Chrome Extensions

Create Google Chrome Extensions

updated on icon Updated on May, 2024

language icon Language - English

person icon Mustafa Alawi

English [CC]

category icon IT & Software,Google Chrome

Lectures -52

Resources -2

Duration -2.5 hours

4.2

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

This course will teach you how to Create Google Chrome Extensions.

In this course, you will learn how to Create Google Chrome Extensions.. Learning how to build Google Chrome Extensions will give you the opportunity to build a real-world, in-demand project and will open up the door of opportunity for you to become a professional developer.

First, you will learn how to get started with Google chrome extensions, then you will learn how to structure your project. Then you will be taught the most important parts of this projects such as running a chrome extension.

Why should you take this course?

There are many reasons why this course is extremely important.

  • You will build a real-world web app, rather than building an unrealistic project.
  • I will teach you the "how-to" rather than concepts that you will end up abandoning.

Some of What You Will Learn in This Course:

1. Install the project environment & create a project.

2. Run the project.

3. Structure your project.

4. Logic behind building complete Google chrome extensions.

5. Best practices and techniques.

6. Organize your project.

7. Much much more...

Wish you an incredible learning journey.

Prerequisites

What are the prerequisites for this course?

  • Internet connection
  • Windows or MAC
Step By Step Guide To Create Google Chrome Extensions

Curriculum

Check out the detailed breakdown of what’s inside the course

Course Content
50 Lectures
  • play icon Introduction 01:36 01:36
  • play icon What is chrome extnesion 01:54 01:54
  • play icon What extensions do 00:32 00:32
  • play icon Chrome structure 02:17 02:17
  • play icon Extension folder 00:47 00:47
  • play icon Mainfest 03:01 03:01
  • play icon Background script 02:49 02:49
  • play icon Chrome api 02:42 02:42
  • play icon Storage 04:17 04:17
  • play icon Installing extension in chrome 03:13 03:13
  • play icon Icon 05:37 05:37
  • play icon User interface 03:42 03:42
  • play icon Html css 02:26 02:26
  • play icon Adding js 01:00 01:00
  • play icon Popup html 01:20 01:20
  • play icon JS click button 03:00 03:00
  • play icon Chrome apis 02:11 02:11
  • play icon Change color function1 09:04 09:04
  • play icon Change color function2 04:24 04:24
  • play icon Testing background 00:44 00:44
  • play icon Options page 03:03 03:03
  • play icon Option function 1 05:34 05:34
  • play icon Option function 2 04:01 04:01
  • play icon Options css 04:03 04:03
  • play icon Popup h1 04:37 04:37
  • play icon Adding 3 buttons 03:04 03:04
  • play icon 3 button style 03:08 03:08
  • play icon Limit extension 02:53 02:53
  • play icon Icons specs 01:06 01:06
  • play icon Icon in manifest 01:02 01:02
  • play icon Limit basic ui 01:07 01:07
  • play icon Limit html 03:12 03:12
  • play icon Limit css design 1 06:40 06:40
  • play icon Limit css design 2 06:23 06:23
  • play icon Limit start session 07:24 07:24
  • play icon On Alarm 1 01:31 01:31
  • play icon On alarm 2 04:12 04:12
  • play icon On alarm 3 00:13 00:13
  • play icon Remove button 02:39 02:39
  • play icon Info button 1 06:24 06:24
  • play icon Info button 2 01:38 01:38
  • play icon Info button 3 00:20 00:20
  • play icon Badge text 04:31 04:31
  • play icon Page action 1 02:39 02:39
  • play icon Page action 2 01:37 01:37
  • play icon Page action 3 01:43 01:43
  • play icon Communicate page 01:01 01:01
  • play icon Extension details 01:31 01:31
  • play icon Chrome web store 06:08 06:08
  • play icon Congrats 00:29 00:29
Project files
2 Lectures
Tutorialspoint

Instructor Details

Mustafa Alawi

Mustafa Alawi

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515