React & TypeScript Chrome Extension Development [2022]
What you'll learn
- The ins and outs of modern Chrome Extension development
- Deploying your completed extension to the Chrome Web Store for real users
- Standard extension development in basic HTML, CSS and JavaScript and modern development in React and TypeScript
- Design a build system for developing extensions using Webpack
- Build user interfaces using popular component libraries like Material UI
- Using HTTP requests in your chrome extensions to interact with third party APIs
- Work with simple command line tools such as Git and NPM
- Learn to use the newest Manifest Version 3 Chrome APIs
- Build a multi-featured weather extension built in React, TypeScript and Webpack
- Design an ad blocker extension that covers the basic principles of ad blocking
- Create a study focus timer extension built in simple JavaScript, HTML and CSS
- Build a mini TV show search extension and text-to-speech extension
- Bonus mini-section covering the basics of Chrome Extension themes
Requirements
- Basic understanding of JavaScript, HTML, CSS for standard extension development
- Basic knowledge of React for modern frameworks section
Description
Hi! Welcome to the comprehensive Chrome Extension Development course using modern web frameworks in 2022. 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
Basic usage of Git and NPM on the command line
Using design system component libraries like Material UI to build beautiful UIs quickly
Building three large extension projects step-by-step from scratch
Data fetching using HTTP requests to third party APIs
Deploying your completed extension to the Chrome Web Store for real users
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!
Who this course is for:
- Anyone curious about learning to build Chrome Extensions using modern web frameworks
- Perfect for developers of all skill levels looking to expand their web development skills to Chrome Extensions
- If you want to take ONE course to learn everything you need to know about chrome extension development, take this course
Instructor
![Jason Xian](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.7 Instructor Rating
- 582 Reviews
- 4,028 Students
- 1 Course
Hey everyone! I'm Jason, an avid software developer focused on building awesome full-stack web products. In the past I have worked professionally as a software developer at big tech companies such as Facebook and Asana.
My goal is to share the fun and excitement of software development with you and to help you build real-world development skills through comprehensive, project focused courses.