All in One Offer! | Access Unlimited Courses in any category starting at just $29. Offer Ends in:

Browse Library

  • Business Solutions
  • Become an Instructor
  • 0
    Shopping Cart

    Your Cart is empty. Keep shopping to find a course!

    Browse Courses
Get Unlimited Learning Access
$29
7 days left at this price!
30-Day Money-Back Guarantee

This plan includes

  • Instant access to 11,000+ online courses
  • Play & Pause Course Videos
  • HD Video Recorded Lectures
  • Learn on Mobile/PC/Tablet
  • Quizzes and Real Projects
  • Lifetime Course Certificate
  • Instructor Chat Support
  • Cancel Plan Anytime
Subscribe to Learnfly’s top courses
Get this course, plus 11,000+ of our top-rated courses for one year with Go Annually Plan.
$348 $244 a year Save 30%
7 days left at this price!
30-Day Money-Back Guarantee

This plan includes

  • Instant access to 11,000+ online courses
  • Play & Pause Course Videos
  • HD Video Recorded Lectures
  • Learn on Mobile/PC/Tablet
  • Quizzes and Real Projects
  • Lifetime Course Certificate
  • Instructor Chat Support
  • Cancel Plan Anytime
$29
$244
  • 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
View More...
  • 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?

429637 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.
View More...
  • Unmatched Variety and Value!
    Learnfly's monthly subscription offers unlimited access to a vast range of courses. Affordable pricing, compared to competitors, makes it the ultimate choice for continuous learning.
    Jessica M.

    4.7

    JM
  • Top-Notch Quality, Affordable Rates!
    High-quality courses with certified instructors make Learnfly stand out. The affordable pricing is a game-changer for those seeking premium education.
    Alex P.

    4.5

    AP
  • Certified Excellence Every Time!
    Learnfly's courses, taught by certified instructors, ensure top-notch learning experiences. The course completion certificates add significant value to one's skill set.
    Sarah R.

    4.3

    SR
  • Round-the-Clock Support!
    Learnfly goes the extra mile with 24/7 course support. Their dedication to helping students succeed is commendable.
    Ryan K.

    4.1

    RK
  • Learn Anywhere, Anytime!
    Whether on mobile, PC, or tablet, Learnfly's platform offers flexibility. Learning on the go has never been easier.
    Emily S.

    4.7

    ES
  • Job-Ready Skills!
    Learnfly's job-oriented courses equip learners with practical skills for the workplace. An investment in career growth!
    Jake M.

    4.2

    JM
  • Budget-Friendly Brilliance!
    Learnfly's pricing is a steal for the quality and variety of courses offered. Quality education without breaking the bank.
    Olivia T.

    4.5

    OT
  • Instructor Excellence Unleashed!
    Learn from the best with Learnfly's certified instructors. The platform ensures that knowledge is imparted by industry experts.
    Daniel L.

    4.0

    DL
  • Achievement Unlocked!
    Learnfly not only offers courses but also recognizes your efforts with course completion certificates. A sense of accomplishment with every course finished.
    Maya H.

    4.6

    MH
  • Learning Revolution!
    Learnfly's platform is a revolution in education. Access to unlimited courses at affordable rates is a game-changer.
    Ethan W.

    4.7

    EW
  • the-extreme-web-development-course

    The Extreme Web Development Course

    By : Paul Carlo Tordecilla

    Lectures 124 Beginner 4:26:22
  • develop-your-own-chrome-extension-firefox-plugin

    Develop your own Chrome Extension &...

    By : Harshit Srivastava

    Lectures 15 Beginner 2:1:54
  • the-ultimate-codeigniter-3-course

    The Ultimate Codeigniter 3 Course

    By : Paul Carlo Tordecilla

    Lectures 23 Beginner 2:17:35
  • superb-advance-javascript-become-javascript-professional

    Superb Advance Javascript - Become ...

    By : Paul Carlo Tordecilla

    Lectures 28 Beginner 1:28:39
  • application-development-with-ibm-watson

    Application development with IBM Wa...

    By : Harshit Srivastava

    Lectures 14 Intermedite 1:42:29
  • learn-react-16-and-redux-by-building-real-world-application

    Learn React 16 and Redux by buildin...

    By : Haider Malik

    Lectures 74 Beginner 6:46:11

Students learning on Learnfly works with Fortune 500 companies around the globe.

Sign Up & Start Learning
By signing up, you agree to our Terms of Use and Privacy Policy
Reset Password
Enter your email address and we'll send you a link to reset your password.