Create A New Tab Override Chrome Extension

Learn how to create a new tab override Chrome extension using HTML, CSS & Javascript
4.2 (7 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
39 students enrolled
25% off
Take This Course
  • Lectures 9
  • Length 1 hour
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2016 English

Course 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!

What are the requirements?

  • HTML basics
  • CSS basics
  • Javascript basics
  • A text editor like Sublime Text

What am I going to get from this course?

  • Create a new tab override Chrome extension

Who is the target audience?

  • This course is for people than want to learn how to create a Chrome extension with new tab override feature.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: What We're Going To Build?
What We're Going To Build?
Section 2: Preparation
The Extension Basic Structure & Chrome Extension Development Mode
Section 3: 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
Section 4: Bonus
How To Distribute & Submit The Extension to Chrome Web Store?
Section 5: Source Code
Download Source Code

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Zulhilmi Zainudin, A full stack web developer based in Kuala Lumpur, Malaysia

A full stack web developer based in Kuala Lumpur, Malaysia. Loves Rails & Javascript. Developer by day, UI/UX designer by night. I love teaching and make tutorials because I believe only education can change people and make better world.

Ready to start learning?
Take This Course