Udemy

Platform

English

Language

Web Development

Category

Create A New Tab Override Chrome Extension

Learn how to create a new tab override Chrome extension using HTML, CSS & Javascript

4.60 (17 reviews)

Students

1 hour

Content

Jun 2021

Last Update
Regular Price

EXCLUSIVE SKILLSHARE OFFER
Exclusive  SkillShare  Offer
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL
EXCLUSIVE SKILLSHARE OFFER
Exclusive SkillShare Offer
Unlimited access to 30 000 Premium SkillShare courses
40%OFF ANNUAL MEMBERSHIP

What you will learn

Create a new tab override Chrome extension


Description

Have you ever wonder how to create a Chrome extension that can override your new tab behaviour like loading a random image like Shutterstock Tab extension?

Great! You've landed to the right course. Inside this course, I'll show and guide you how to create a new tab override Chrome extension that will load a random image every time you open a new tab in your Chrome browser.

We're also going to fetch a quote from a quote API server and put it at the middle of the new tab image.

You don't need to know advanced programming languages like PHP, Ruby or Java to built that. If you already know HTML, CSS, JS and some jQuery, it's more than enough for you.

If you don't know jQuery, that's okay. We just small amount of jQuery inside this course and I'm going to explain what I'm actually doing inside the code.

See you inside the course!


Screenshots

Create A New Tab Override Chrome Extension
Create A New Tab Override Chrome Extension
Create A New Tab Override Chrome Extension
Create A New Tab Override Chrome Extension

Content

What We're Going To Build?

Introduction

What We're Going To Build?

Preparation

The Extension Basic Structure & Chrome Extension Development Mode

Let's Do It!

Load An Awesome Image From The Image Server

Load & Permit External Resources

Hard Coding The Quote

Load & Add A Quote From Quote Server via API & jQuery

Bonus

How To Distribute & Submit The Extension to Chrome Web Store?

Source Code

Download Source Code


Reviews

N
Nathaniel25 January 2018

I think the course is a little pricey considering how short it is. I would have liked to see some more chrome extension specific information, other things chrome allows you to do. It also requires an update for loading Jquery, I think that Google has updated their security when it comes to loading scripts. Good though

W
WooJung9 September 2016

good delivery of explanation but lack of contents of the course. It will be great course if you add more contents.


Related Courses

SKILLSHARE
Google Productivity: How To Accomplish More Using Google Chrome Extensions
Google Productivity: How To Accomplish More Using Google Chrome Extensions
SKILLSHARE
Chrome Extensions for Designers - Speed up your workflow with these extensions
Chrome Extensions for Designers - Speed up your workflow with these extensions
SKILLSHARE
Chrome Extensions: Beginner to Advanced
Chrome Extensions: Beginner to Advanced

713184

Udemy ID

1/2/2016

Course created date

12/12/2020

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram