Create Google Chrome Extensions

Create Awesome Google Chrome Extensions

What you'll learn

Create Google Chrome Extensions

The Structure of Chrome Extensions

The Storage of Chrome Extensions

How to design the UI of chrome extensions

How to create three different Chrome extensions

Requirements

Internet Connection

Windows or MAC

Good javascript skills

Description

This courses 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 chrome extensions, then you will learn how to incorporate design to your extension. Then you will be taught the most important parts of this project such as displaying data in chrome extensions.Why should you take this course?There are many reasons why this course is extremely important.1. You will build a real-world web app, rather than building unrealistic project.2. 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 project environment & create project.2. Run the project.3. Structure your project.4. Logic behind building complete Google Chrome Extensions.6. How to display data in chrome extensions.7. How to create three different extenions8. Best practices and techniques.9. Organize your project.10. Much much more…Wish you an incredible learning journey.

Overview

Section 1: Course Content

Lecture 1 Introduction

Lecture 2 what_is_chrome_extension

Lecture 3 what_extensions_do

Lecture 4 chrome_structure_

Lecture 5 1_Chrome_extension_folder

Lecture 6 2_manifest

Lecture 7 3_background_script

Lecture 8 4_chrome_api

Lecture 9 5_storage

Lecture 10 6_installing_extension_in_chrome

Lecture 11 7_icon

Lecture 12 8_user_interface

Lecture 13 9_html_css

Lecture 14 10_adding_js

Lecture 15 11_popup_html_prop

Lecture 16 12_js_click_btn

Lecture 17 13_chrome_apis

Lecture 18 14_changeColor_function1

Lecture 19 15_changeColor_function2

Lecture 20 16_testing_background

Lecture 21 17_options_page

Lecture 22 18_options_functions1

Lecture 23 19_options_functions2

Lecture 24 20_options_css

Lecture 25 21_popup_h1_text

Lecture 26 22_adding_3_buttons

Lecture 27 23_buttons_style

Lecture 28 24_limit_extension

Lecture 29 25_icons_specs

Lecture 30 26_icon_in_manifest

Lecture 31 27_limit_basic_ui

Lecture 32 28_limit_html

Lecture 33 29_limit_css_design1

Lecture 34 30_limit_css_design2

Lecture 35 31_limit_startSession_button

Lecture 36 32_onAlarm1

Lecture 37 33_onAlarm2

Lecture 38 34_onAlarm3

Lecture 39 35_remove_button

Lecture 40 36_info_button1

Lecture 41 37_info_button2

Lecture 42 38_info_button3

Lecture 43 39_badge_text

Lecture 44 40_page_action1

Lecture 45 41_page_action2

Lecture 46 42_page_action3

Lecture 47 43_communicate_pages

Lecture 48 44_extension_details

Lecture 49 45_chrome_webstore

Lecture 50 46_congrats

Web developers,Programmers