Step By Step Guide To Create Google Chrome Extensions
Create Google Chrome Extensions
Lectures -52
Resources -2
Duration -2.5 hours
30-days Money-Back Guarantee
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
Curriculum
Check out the detailed breakdown of what’s inside the course
Course Content
50 Lectures
- Introduction 01:36 01:36
- What is chrome extnesion 01:54 01:54
- What extensions do 00:32 00:32
- Chrome structure 02:17 02:17
- Extension folder 00:47 00:47
- Mainfest 03:01 03:01
- Background script 02:49 02:49
- Chrome api 02:42 02:42
- Storage 04:17 04:17
- Installing extension in chrome 03:13 03:13
- Icon 05:37 05:37
- User interface 03:42 03:42
- Html css 02:26 02:26
- Adding js 01:00 01:00
- Popup html 01:20 01:20
- JS click button 03:00 03:00
- Chrome apis 02:11 02:11
- Change color function1 09:04 09:04
- Change color function2 04:24 04:24
- Testing background 00:44 00:44
- Options page 03:03 03:03
- Option function 1 05:34 05:34
- Option function 2 04:01 04:01
- Options css 04:03 04:03
- Popup h1 04:37 04:37
- Adding 3 buttons 03:04 03:04
- 3 button style 03:08 03:08
- Limit extension 02:53 02:53
- Icons specs 01:06 01:06
- Icon in manifest 01:02 01:02
- Limit basic ui 01:07 01:07
- Limit html 03:12 03:12
- Limit css design 1 06:40 06:40
- Limit css design 2 06:23 06:23
- Limit start session 07:24 07:24
- On Alarm 1 01:31 01:31
- On alarm 2 04:12 04:12
- On alarm 3 00:13 00:13
- Remove button 02:39 02:39
- Info button 1 06:24 06:24
- Info button 2 01:38 01:38
- Info button 3 00:20 00:20
- Badge text 04:31 04:31
- Page action 1 02:39 02:39
- Page action 2 01:37 01:37
- Page action 3 01:43 01:43
- Communicate page 01:01 01:01
- Extension details 01:31 01:31
- Chrome web store 06:08 06:08
- Congrats 00:29 00:29
Project files
2 Lectures
Instructor Details
Mustafa Alawi
eCourse Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe nowOnline Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now