Have a question?
Message sent Close
4.63 out of 5
4.63
878 reviews on Udemy

React & TypeScript Chrome Extension Development [2023]

Learn Google Chrome Extension development using modern web frameworks. JavaScript, React, TypeScript, Webpack and more!
Instructor:
Jason Xian
6,120 students enrolled
The ins and outs of modern Chrome Extension development
Learn to use the newest Manifest Version 3 Chrome APIs
Standard extension development in basic HTML, CSS and JavaScript and modern development in React and TypeScript
Using HTTP requests in your chrome extensions to interact with third party APIs
Create a study focus timer extension built in simple JavaScript, HTML and CSS
Build a multi-featured weather extension built in React, TypeScript and Webpack
Design a build system for developing extensions using Webpack
Build user interfaces using popular component libraries like Material UI
Deploying your completed extension to the Chrome Web Store for real users
Work with simple command line tools such as Git and NPM
Design an ad blocker extension that covers the basic principles of ad blocking
Build a mini TV show search extension and text-to-speech extension
Bonus mini-section covering the basics of Chrome Extension themes

Hi! Welcome to the comprehensive Chrome Extension Development course using modern web frameworks in 2023. This is the only course on Udemy that is focused on building extensions using modern technologies like TypeScript, React and Webpack along with standard JavaScript and HTML/CSS development. Using popular frameworks means that the skills you learn in this course building extensions will be transferrable to general web software development.

The course is designed flexibly for students of all levels, covering everything from the very basics of extensions to more exciting new technologies! The first part of the course is designed to help you hit the ground running so that you can develop your very first extension within the first hour of the course. Then, we begin introducing more advanced concepts, technologies and projects to supercharge your extension development skills.

Throughout the course we cover a ton of concepts and technologies:

  • Comprehensive overview of the fundamentals behind Chrome Extensions

  • Building extensions using the standard approach with JavaScript, HTML and CSS

  • Designing a Webpack build system to enable the use of React and TypeScript in your extension

  • Building three large extension projects step-by-step from scratch

  • Using design system component libraries like Material UI to build beautiful UIs quickly

  • Data fetching using HTTP requests to third party APIs

  • Deploying your completed extension to the Chrome Web Store for real users

  • Basic usage of Git and NPM on the command line

If you have any additional questions, please let me know. I’m always happy to help.

Register today to see what modern Chrome Extension development can look like!

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.6
4.6 out of 5
878 Ratings

Detailed Rating

Stars 5
622
Stars 4
206
Stars 3
43
Stars 2
4
Stars 1
3
828510663e879c4771b89c42eb66b166
30-Day Money-Back Guarantee

Includes

9 hours on-demand video
7 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion
This website uses cookies and asks your personal data to enhance your browsing experience. We are committed to protecting your privacy and ensuring your data is handled in compliance with the General Data Protection Regulation (GDPR).