Building Multi-Platform Browser Extensions
Не тратьте время на чтение устаревшей и не поддерживаемой документации из разных источников и сразу же приступайте к разработке. Я написал эту книгу, чтобы она стала руководством, которое мне не хватало, когда мы создавали браузерное расширение Bugflow. Даже имея 15 лет опыта в JavaScript, мне было сложно разобраться в документации по браузерным расширениям.
Я постоянно сталкивался с такими вопросами, как:
Все эти вопросы будут разрешены, наряду с множеством других уроков о том, что вы можете добавить в свое браузерное расширение.
Независимо от того, просто ли вы заинтересованы в том, как работают браузерные расширения, или у вас есть идея для создания собственного расширения, мы проведем вас через весь процесс шаг за шагом.
Я также создал шаблоны на чистом JavaScript, Vue 3 и React, чтобы помочь вам. После покупки книги вы сможете сразу же скачать один или все эти шаблоны с GitHub и начать работу.
Если вы знакомы с JavaScript, разработка будет легкой частью. Книга проведет вас через сложные разделы. К концу вы получите расширение, работающее во всех четырех основных браузерах: Chrome, Firefox, Edge и Safari.
Чему вы научитесь
Вот небольшой предварительный обзор того, что мы рассмотрим в этой книге.
Создание контент-скрипта
Контент-скрипты - мощные инструменты, которые работают на веб-странице, имеют доступ к DOM и общаются с вашим расширением.
Где добавлять функции
В вашем браузерном расширении есть несколько мест для добавления кода. Узнайте, какое из них лучше всего подходит для ваших нужд.
Создание всплывающего окна
Всплывающее окно - самый привычный способ взаимодействия с браузерным расширением. Мы создадим его с использованием как JS, так и Vue 3.
Страницы расширений
Знали ли вы, что у вас может быть специальная страница для работы вашего расширения? Мы создадим такую. Вы можете поместить в эту страницу целое приложение, если захотите!
Добавление контекстных меню
Хотите позволить вашему пользователю щелкнуть правой кнопкой мыши и взаимодействовать с вашим расширением? Мы расскажем, как это сделать.
Аутентификация пользователя
Аутентификация пользователя в вашем браузерном расширении может быть сложной задачей. Я помогу вам это настроить.
Локальное хранилище
Устанавливайте состояние, кэшируйте данные и взаимодействуйте с локальным хранилищем вашего браузера с легкостью.
Использование переменных окружения
Такой простой способ добавить дополнительный опыт разработчика при проектировании и создании вашего браузерного расширения.
Manifest V3
Используйте последнюю и самую совершенную версию Manifest V3 для ваших расширений. Поддерживается каждым браузером!
После покупки вы сможете сразу же скачать шаблон мультиплатформенного браузерного расширения и начать работу. Я создал шаблоны для тех, кто предпочитает Vanilla JS, Vue 3 или React.
Каждый шаблон полностью функционален, документирован и готов к началу разработки. Вы получите расширение со следующими функциями:
Все функции поставляются с документацией и готовы к дальнейшему расширению. Просто скачайте шаблон и начните добавлять свой собственный код!
Качественные учебные материалы и ресурсы. Без лишней воды. Всё содержание строго отобрано, чтобы обеспечить максимальную пользу без лишнего перегруза информацией. Идеально подходит для профессионалов, ценящих своё время и стремящихся к эффективному обучению.
udemy
Привет! Добро пожаловать на курс разработки расширений для Chrome с использованием современных веб-фреймворков в 2021 году. Это единственный курс на Udemy, который ориентирован на создание расширений с использованием современных технологий, таких как TypeScript, React и Webpack, а также стандартной разработки JavaScript и HTML / CSS. Использование популярных фреймворков означает, что навыки, которые вы изучите в этом курсе, можно будет перенести
В этом курсе мы будем разрабатывать новое расширение Chrome, которое парсит Amazon и автоматически сохраняет данные о продуктах в базе данных MongoDB. Наш готовый продукт (который вы сможете опубликовать в Chrome Store) будет расширением Chrome, которое позволит любому пользователю сохранять свою историю покупок Amazon, результаты любого URL-адреса поиска Amazon или результаты нескольких ключевых слов поиска Amazon. - один за другим.
![Изображение курса Разработка расширений для Google Chrome [2021]](https://cdn.coursehunter.net/courses/720x440/razrabotka-rasshireniy-google-chrome-dlya-vseh-2020.webp)
Присоединяйтесь ко мне, чтобы весело и доступно взглянуть на то, что может предложить разработка расширений Chrome, и добавить новый набор навыков в ваш профессиональный набор инструментов для будущей карьеры.
Ryan Fitzgerald
Освойте создание полноценных Chrome-расширений с нуля до продакшена! Научитесь разрабатывать мощные, функциональные Chrome-расширения с современным стеком технологий и лучшими практиками. В этом курсе вы создадите продвинутое расширение, которое интегрируется с отдельным React-интерфейсом и взаимодействует с API на Node.js. Это курс, который я сам хотел бы пройти, когда только начинал работать с Chrome-расширениями!
