Главная страницаКатегория react.jsReact и TypeScript: Разработка Расширений для Chrome

React и TypeScript: Разработка Расширений для Chrome

Name: React и TypeScript: Разработка Расширений для Chrome
Price: 12.5 USD
Rating: 5 (25 reviews)

React & TypeScript Chrome Extension Development [2021]

udemy

★5 (всего оценок - 25)

Продолжительность

8 ч 52 мин

Категория

React.js

Количество уроков

76 Видео

Дата добавления

8 сент. 2021 г., 00:17

Язык

Английский

Дата выхода

22 июл. 2021 г., 03:00

Дата обновления

29 апр. 2026 г., 12:54

Хотите научиться создавать современные и мощные расширения для Chrome с использованием React и TypeScript? Этот курс даёт практический, понятный и полностью актуальный путь к разработке собственных расширений — от основ до продвинутых инструментов и сборки через Webpack.

Что представляет собой этот курс

Курс помогает начинающим и опытным разработчикам быстро разобраться в архитектуре Chrome Extensions и освоить современный стек: TypeScript, React, Webpack, Git и NPM. Материал подаётся постепенно — от простого к сложному, что позволяет комфортно углубляться в тему.

Кому подойдёт обучение

Новичкам, которые хотят создать своё первое расширение в браузере Chrome.
Разработчикам JavaScript, желающим перейти к более современному стеку.
Фронтенд‑специалистам, изучающим React/TypeScript в практическом применении.
Тем, кто хочет публиковать собственные инструменты в Chrome Web Store.

Ключевые навыки, которые вы получите

На курсе вы освоите технологии и подходы, которые используются в реальных проектах. Каждый модуль — это шаг к созданию продуманных, оптимизированных и удобных расширений.

Практически ориентированные темы

Понимание структуры и API Chrome Extensions.
Создание расширений на чистом JavaScript, HTML и CSS.
Построение полноценной сборки Webpack с поддержкой React и TypeScript.
Работа с Git и NPM в терминале.
Использование библиотек компонентов, включая Material UI, для создания UI.
Построение трёх крупных расширений полностью с нуля.
Работа с внешними API и HTTP‑запросами.
Публикация проекта в Chrome Web Store.

Почему важно использовать React и TypeScript в расширениях

Современная разработка всё чаще опирается на модульность, предсказуемость и быстроту сборки. React позволяет создавать динамичный интерфейс, а TypeScript сокращает количество ошибок и делает код стабильным.

Преимущества такого подхода

Предсказуемость кода благодаря статической типизации.
Удобный UI за счёт компонентов React и Material UI.
Масштабируемость — расширение легко поддерживать и развивать.
Повышение ценности навыков — этот стек используется в современных веб‑приложениях.

Структура обучения

Курс построен так, чтобы вы не просто смотрели уроки, а создавали рабочие проекты, которые можете опубликовать и использовать сами.

Что вас ждёт

Быстрый старт и создание первого расширения всего за один час.
Разбор архитектуры, манифестов и API Chrome.
Создание собственной инфраструктуры сборки с Webpack.
Разработка UI на React + TypeScript.
Работа с API, хранением данных и фоновыми скриптами.
Публикация расширения и рекомендации по продвижению.

Результат, который вы получите

После прохождения курса вы будете способны самостоятельно разрабатывать, улучшать и публиковать расширения для Chrome, используя инструменты профессионального уровня. Эти навыки можно применять не только в расширениях, но и в любой современной фронтенд‑разработке.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:03:10
Introduction
Урок 2. 00:03:51
Course Overview
Урок 3. 00:01:51
Why build Chrome Extensions?
Урок 4. 00:00:59
Section Overview
Урок 5. 00:03:08
Editor Setup and Section Resources
Урок 6. 00:05:19
Manifest File
Урок 7. 00:09:09
Popup and Browser Actions
Урок 8. 00:05:11
Options Page
Урок 9. 00:09:05
Chrome Storage API
Урок 10. 00:06:51
Background Scripts and Service Workers
Урок 11. 00:08:26
Chrome Alarms API
Урок 12. 00:04:12
Chrome Notifications API
Урок 13. 00:04:16
Optional: Notification Time Option Feature
Урок 14. 00:04:20
Optional: Start, Stop and Reset Timer Feature
Урок 15. 00:03:06
Optional: Chrome Dev Tools
Урок 16. 00:02:15
Section Overview
Урок 17. 00:06:35
Manifest and Popup
Урок 18. 00:08:40
Tasks List Feature Part 1
Урок 19. 00:07:30
Tasks List Feature Part 2
Урок 20. 00:12:34
Timer Feature Part 1
Урок 21. 00:12:07
Timer Feature Part 2
Урок 22. 00:12:41
Options Page
Урок 23. 00:09:36
Styling Part 1
Урок 24. 00:09:55
Styling Part 2
Урок 25. 00:00:53
Section Overview
Урок 26. 00:07:54
Chrome Runtime and Context Menu APIs
Урок 27. 00:06:23
Chrome Search and Tab APIs
Урок 28. 00:09:57
Content Scripts
Урок 29. 00:10:51
Message Passing
Урок 30. 00:11:12
Data Fetching / HTTP Requests
Урок 31. 00:03:14
Optional: Text to Speech API
Урок 32. 00:01:49
Section Overview
Урок 33. 00:05:31
Git and NPM Setup
Урок 34. 00:07:28
TypeScript and React Setup
Урок 35. 00:08:11
Webpack Configuration Setup
Урок 36. 00:07:55
Webpack Plugins Part 1
Урок 37. 00:04:26
Webpack Plugins Part 2
Урок 38. 00:05:57
Webpack CSS Loaders Part 1
Урок 39. 00:06:06
Webpack CSS Loaders Part 2
Урок 40. 00:09:44
Types Definition Libraries
Урок 41. 00:08:02
Webpack Production Mode
Урок 42. 00:11:30
Boilerplate Walkthrough
Урок 43. 00:03:11
Section Overview
Урок 44. 00:11:24
Open Weather API Part 1
Урок 45. 00:08:19
Open Weather API Part 2
Урок 46. 00:08:14
Material UI Part 1
Урок 47. 00:07:03
Material UI Part 2
Урок 48. 00:07:16
Weather Card
Урок 49. 00:10:24
Popup and Cities Feature Part 1
Урок 50. 00:10:33
Popup and Cities Feature Part 2
Урок 51. 00:07:09
Storage Part 1
Урок 52. 00:05:49
Storage Part 2
Урок 53. 00:08:26
Temperature Scale Feature Part 1
Урок 54. 00:08:24
Temperature Scale Feature Part 2
Урок 55. 00:09:33
Options Page Part 1
Урок 56. 00:10:59
Options Page Part 2
Урок 57. 00:10:02
Overlay Feature Part 1
Урок 58. 00:09:51
Overlay Feature Part 2
Урок 59. 00:07:22
Overlay Feature Part 3
Урок 60. 00:05:28
Overlay Feature Part 4
Урок 61. 00:11:39
Temperature Badge Feature
Урок 62. 00:11:43
Weather Icons
Урок 63. 00:01:10
Section Overview
Урок 64. 00:12:38
Web Request API Part 1
Урок 65. 00:06:15
Web Request API Part 2
Урок 66. 00:10:29
Declarative Net Request API
Урок 67. 00:10:43
Content Script DOM Blocking
Урок 68. 00:00:53
Section Overview
Урок 69. 00:04:08
Developer Account Setup and Extension Guidelines
Урок 70. 00:13:48
Developer Dashboard Walkthrough
Урок 71. 00:06:17
Optional: Easy Clipboard Extension Analytics
Урок 72. 00:00:31
Optional: Course Final Remarks
Урок 73. 00:00:49
Section Overview
Урок 74. 00:02:08
Manifest File
Урок 75. 00:03:46
Images and Properties
Урок 76. 00:04:21
Colors and Tints

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198