Создавай расширения браузера для себя и под заказ: курс 4 модуля + 2 учебных проекта + разработка с AI

Складчина: Создавай расширения браузера для себя и под заказ: курс 4 модуля + 2 учебных проекта + разработка с AI

​

Я пишу расширения для браузера несколько лет — для себя, для клиентов, и просто потому что в этой нише до сих пор почти нет конкуренции при вполне стабильном спросе. Обычный JS-разработчик такие задачи считает мелкими: отказывается или берётся нехотя, долго, дорого. Я же понял, что за счёт AI на простое расширение у меня уходит один вечер — не потому что я гений, а потому что нашёл способ правильно работать с инструментами. И теперь хочу передать этот способ вам.

​

Расценки на фрилансе за расширение «под задачу»: от 8 000 до 50 000 рублей. Типовое задание — 1–3 дня работы при знании основ. Специалистов, которые берутся за такие задачи быстро и без лишней бюрократии — единицы. Я без преувеличения сталкиваюсь с этим регулярно: заказчики благодарны уже за то, что человек вообще взялся и понял задачу. Конкретные цифры публикую для примера — ваш результат будет зависеть от того, сколько вы работаете и насколько серьёзно отнесётесь к обучению.

Если пройдёте курс и сделаете оба проекта — у вас будет портфолио и практический опыт. Если хотите брать заказы — после курса есть два готовых проекта и понимание процесса, чтобы делать следующие. Если не хотите фрилансить — автоматизируйте свою собственную работу: многое из того, на что вы тратите часы каждую неделю в браузере, можно будет закрыть одним расширением. Дальше — зависит от вас: это навык, который вы сможете применять и развивать по мере того, как захотите.

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

​

Браузерные расширения существуют давно, но разработчиков, которые за них берутся охотно и быстро — минимум. Большинство смотрит в сторону мобилок, фронтенда, бекенда — расширения как будто ниша второго сорта. При этом Chrome Web Store — это 3 миллиарда установок расширений ежегодно, и бизнес заказывает инструменты для автоматизации внутри браузера, потому что сотрудники проводят в нём весь рабочий день.

Плюс AI полностью изменил скорость разработки. Год назад написать расширение без знания JS было нереально. Сегодня — реально: нужно понять структуру задачи и научиться правильно её формулировать. Именно это мы и разберём.

​

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

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

Проект 1. DataGrabber — сбор данных со страницы в таблицу. Берём выбранный сайт из курса с каталогом, разбираем его вёрстку и пишем расширение, которое добавляет кнопку — нажал, и данные (список, карточки, таблица) скачиваются как .csv прямо на компьютер. Никаких ручных копирований и экспортов через интерфейс чужого сайта. Это один из самых частых запросов от малого бизнеса, который работает со сторонними платформами и хочет данные у себя. На другом сайте структура будет другой — но метод разбора и подход к формулировке задачи для AI останутся теми же.

Проект 2. PageMod — кастомизация интерфейса чужого сайта. Берём выбранный из курса рабочий сайт и пишем расширение, которое при открытии страницы автоматически скрывает лишнее, добавляет свои кнопки, выделяет важное — и запоминает все настройки между сессиями. Интерфейс сайта становится таким, каким он нужен пользователю, а не каким его сделал разработчик. Такие задачи популярны у команд, которые хотят переделать рабочий инструмент под себя без доступа к его исходникам. Для другого сайта расширение нужно будет писать заново — но вы уже будете знать, как это делается.

Что остаётся за рамками курса

Всё, что мы разбираем, работает само по себе — никакого своего сайта или API. Открыл страницу — расширение сделало своё дело: собрало данные, скрыло лишнее, добавило кнопки. Скачал архив, подключил в браузер, готово. Курс ориентирован на типовые порталы и рабочие инструменты среднего уровня сложности — сайты без агрессивной антиботовой защиты и сложного динамического рендеринга. Работа с крупными платформами (маркетплейсы-гиганты, крупные соцсети, банковские интерфейсы) в курсе не разбирается: там другой уровень задач и защиты. Публикация расширения в Chrome Web Store, монетизация через собственную аудиторию, продвижение, маркетинг и поиск клиентов — это отдельные направления, которые курс не охватывает, но полученный навык открывает к ним путь. Технических препятствий для публикации нет — расширения в курсе полноценные, и мои клиенты уже размещали свои в сторе без проблем. Сам процесс публикации несложный: зарубежная карта и разовый регистрационный взнос.



Модуль 1. Устройство расширения — первый запуск.
Получаете готовый архив-пример, подключаете его в браузер, видите результат. Разбираемся, как устанавливать расширение из архива и где смотреть, что пошло не так. Никакого программирования — только то, что нужно для старта.

Модуль 2. Метод разработки с AI — от задачи к готовому архиву.
Как формулировать задачу, чтобы AI выдал то, что нужно. Как читать и проверять готовый результат без зубрёжки синтаксиса. Как итеративно уточнять: «работает, теперь добавь вот это». Как передавать AI сообщения об ошибках и получать исправления. Примеры в курсе — на ChatGPT Plus, Claude.ai взаимозаменяем. Схема одна: описал задачу — получил архив — проверил.

Модуль 3. DataGrabber — разбираем сайт, формулируем задачу, получаем парсер.
Берём сайт-пример из курса, анализируем структуру страницы и формулируем задачу на извлечение данных — разбираем, как правильно описать вёрстку, чтобы AI выдал рабочий код с первой итерации. Отдельно разбираемся с динамическим контентом: когда данные подгружаются не сразу, а после действий пользователя. Проверяем выгрузку в файл, исправляем вместе с AI — на выходе готовый архив DataGrabber.

Модуль 4. PageMod — разбираем сайт, управляем изменениями через AI
Берём рабочий сайт из курса и формулируем задачи на скрытие элементов, добавление кнопок и автоматизацию действий при открытии страницы — каждую итерацию проверяем и уточняем через AI. Разбираем popup с настройками и сохранение данных между сессиями: как расширение запоминает выборы пользователя после перезапуска браузера. Добавляем уведомления, финально проверяем всё вместе — на выходе готовый архив PageMod.

Что вы получите

Два учебных проекта — DataGrabber и PageMod — с полным исходным кодом: каждый построен на разборе конкретного сайта из курса и готов к подключению в браузер для проверки. Рабочий метод разработки расширений через AI — от анализа чужой страницы и формулировки задачи до готового архива — без зубрёжки синтаксиса и необходимости программировать с нуля. Понимание устройства браузерного расширения: структура файлов, отладка, итеративная доработка — база, на которой можно строить собственные проекты под любые сайты после окончания курса. Все расширения — полноценные: manifest.json, content scripts, popup, storage — устанавливаются напрямую в Chrome из архива, без Tampermonkey и других посредников.

Куда ведёт этот навык

• Первое направление — фриланс: портфолио из двух проектов и отработанный метод позволяют выходить на биржи и откликаться на заказы в нише, где специалистов не хватает, а расценки на типовую задачу начинаются от 8 000 рублей. Задачи на биржах формулируются по-разному — парсинг данных, автоматизация рутины, доработка интерфейсов — и многие из них решаются именно расширением, если вы научились видеть это. То есть при желании вы можете пойти на биржу и начать откликаться на заказы в рамках освоенного уровня — портфолио у вас есть, навыки тоже, дальнейшее уже зависит от вашего усердия.

• Второе — автоматизация для себя: всё, на что вы тратите время в браузере каждый день — сбор данных, ручные клики, неудобные интерфейсы — можно закрыть собственным расширением, если освоите метод из курса и уделите этому время.

• Третье — возможный постоянный доход: расширения привязаны к вёрстке конкретного сайта, и когда сайт обновляется — клиент нередко возвращается за правками, что может превратить разовый заказ в долгосрочное сотрудничество. Это не три разных профессии — это один навык, который открывает каждое из этих направлений, а вы выбираете то, что ближе именно вам.

​

Курс рассчитан на новичков — специальных знаний разработки не нужно. Важно одно: вы хотите либо зарабатывать на создании расширений, либо перестать делать что-то вручную в браузере каждый день. Если одно из двух есть — курс для вас, остальное разбираем по ходу обучения.

Достаточно быть уверенным пользователем компьютера: уметь работать в браузере, распаковать архив, установить программу. Базовое понимание HTML будет плюсом, но не обязательным условием. Обязательное условие: умение работать с ChatGPT Plus или Claude.ai — задавать вопросы, итеративно уточнять. Весь процесс построен на том, что вы описываете задачу, AI генерирует код и отдаёт готовый архив, вы проверяете результат. Примеры в курсе на ChatGPT Plus, Claude.ai взаимозаменяем.

Технические требования

Google Chrome. ChatGPT Plus или Claude.ai — оба умеют выдавать готовый архив по задаче, примеры в курсе на ChatGPT Plus. Windows, macOS, Linux — без разницы.

Домашние задания

Домашних заданий с проверкой и дедлайнами нет. Формат — самостоятельная практика: вы делаете оба проекта в своём темпе, задаёте вопросы в теме поддержки. Оба проекта подробно разобраны в курсе, поэтому достаточно следовать за материалом и повторять шаги.

Поддержка

Поддержка — 1 месяц с момента получения материалов. Можно задавать вопросы по материалам курса — ответы доступны всем участникам. Поддержка охватывает всё, что разобрано в курсе. Архивы расширений являются учебными примерами — обновления для них не предусмотрены.

Бонус за рекламу

Если до начала сбора взносов вы разместите 3 рекламных поста о складчине — получите бонус: закрытый инструмент, который совмещает конструктор задачи для AI и отладчик. Он помогает быстрее формулировать задачи и разбираться с ошибками при создании расширений. Ссылки на посты оставляйте в этой теме, реклама должна соответствовать Правилам рекламы, реклама не по правилам удаляется и не засчитывается.

 

Добрый день! Реклама из первичной темы зачтется?

 

Здравствуйте, конечно, не переживайте.

 

Оууу, 5000 тем в разделе)

 

@Winfic
Здравствуйте. В каком виде будут учебные материалы. Эти инструкции или видео+инстркуции?

 

@PlatonXXL

Здравствуйте, практичные моменты по курсу будут в виде видеоматериалов, для меня очень важно, чтобы с легкостью могли повторить и научиться методам создания расширений через AI.