Build Google Chrome Extensions

Focused View

Mustafa Alawi

2:29:24

101 View

1. What is a Chrome Extension.mp4

01:36

2. What do Chrome Extension do.mp4

01:54

3. Chrome Extension Structure.mp4

02:16

4. Create Chrome Extension Folder.mp4

00:46

5. Manifest.mp4

03:01

6. Background Script.mp4

02:49

7. Chrome API.mp4

02:42

8. Storage.mp4

04:17

9. Installing Extension in Chrome Browser.mp4

03:13

10. Icon.mp4

05:37

11. User Interface.mp4

03:41

12. HTML & CSS.mp4

02:26

13. Adding Javascript.mp4

01:00

14. The Popup HTML.mp4

01:20

15. Javascript Click Button.mp4

03:00

16. Google Chrome APIs.mp4

02:11

17. Change Color Function - Part 1.mp4

09:04

18. Change Color Function - Part 2.mp4

04:24

19. Testing Background.mp4

00:44

20. Options Page.mp4

03:03

21. Options Functions - Part 1.mp4

05:34

22. Options Functions - Part 2.mp4

04:01

23. Options CSS.mp4

04:03

24. Popup H1 Text.mp4

04:37

25. Adding Three Buttons.mp4

03:04

26. The style of the three buttons.mp4

03:08

27. Limit time extension.mp4

02:53

28. Icons Specs.mp4

01:06

29. Icon in Manifest.mp4

01:02

30. Basic UI.mp4

01:07

31. The HTML.mp4

03:12

32. CSS Design - Part 1.mp4

06:40

33. CSS Design - Part 2.mp4

06:23

34. Start Session Button.mp4

07:24

35. On Alarm - Part 1.mp4

01:31

36. On Alarm - Part 2.mp4

04:12

37. On Alarm - Part 3.mp4

00:13

38. Remove Button.mp4

02:38

39. Info Button - Part 1.mp4

06:24

40. Info Button - Part 2.mp4

01:38

41. Info Button - Part 3.mp4

00:20

42. Badge Text.mp4

04:31

43. Page Action - Part 1.mp4

02:39

44. Page Action - Part 2.mp4

01:37

45. Page Action - Part 3.mp4

01:43

46. Communication Between Pages.mp4

01:01

47. Extension Details.mp4

01:31

48. Publishing on Google Chrome Web Store.mp4

06:08

Description

Build Google Chrome Extensions From Scratch

What You'll Learn?

Google Chrome Extension Creation
How to create extensions
How to modify extensions
How to publish your extension

Who is this for?

Web developers with all levels

More details

Description
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 Store.
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!

Who this course is for:
Web developers with all levels

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Mustafa Alawi

Instructor's Courses

Hi, it's Mustafa Alawi, a Software engineer & entrepreneur. I've basically seven years of experience in web development & software development. I also work as a consultant helping small-businesses. And have a great passion for business & entrepreneurship and founded CalmAndCode.I like teaching people and providing them with the knowledge that I have as I'm talented at simplifying complex theories and matters. And one of my goals is to help my students find success and reach their goals. My way of teaching focuses on helping students applying what they learn to make sure they're capable of using what they learn in the real world.Moreover, I work on entrepreneurial projects from time to time.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.