Главная страницаКатегория mongodbСоздайте Full-Stack Chrome расширение с помощью NodeJS и MongoDB

Создайте Full-Stack Chrome расширение с помощью NodeJS и MongoDB

Name: Создайте Full-Stack Chrome расширение с помощью NodeJS и MongoDB
Price: 13 USD
Rating: 4 (10 reviews)

Build a Full-Stack Chrome Extension with NodeJS and MongoDB

udemy

★4 (всего оценок - 10)

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

6 ч 15 мин

Категория

MongoDB

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

52 Видео

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

15 дек. 2020 г., 23:02

Язык

Английский

Дата выхода

13 нояб. 2020 г., 02:00

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

29 апр. 2026 г., 09:07

Хотите научиться создавать полноценные Full-Stack Chrome расширения и одновременно освоить веб‑парсинг, NodeJS и MongoDB? В этом улучшенном обзоре курса вы узнаете, как построить расширение для автоматического извлечения данных с Amazon — от архитектуры до публикации в Chrome Web Store. Курс идеально подойдет разработчикам, желающим прокачать навыки в создании браузерных инструментов и работе с современным JavaScript‑стеком.

Что вы создадите на курсе

В процессе обучения вы разработаете функциональное Chrome расширение, которое автоматически собирает данные о товарах Amazon и сохраняет их в MongoDB через ваш NodeJS‑сервер. Оно сможет фиксировать историю покупок, собирать результаты поиска и последовательно обрабатывать несколько ключевых запросов — полностью в автоматическом режиме.

Основные функции расширения

Регистрация и авторизация через всплывающее окно.
Считывание элементов DOM с помощью Content.js.
Автоматический парсинг истории покупок Amazon.
Парсинг поисковой выдачи Amazon по одному или нескольким ключевым словам.
Сохранение названия, описания, изображения, обзоров, рейтинга и количества оценок товара.
Автоматическая навигация по всем страницам результатов поиска.

Технологии, которые вы освоите

Курс построен вокруг практического full‑stack подхода, где каждая часть расширения тесно связана с серверной логикой и базой данных.

Используемый стек

Chrome Extension API — создание и интеграция расширения.
AngularJS — интерфейс всплывающего окна.
jQuery — удобная работа с DOM Amazon.
NodeJS — серверная обработка данных.
MongoDB — хранение и структурирование данных.

Чему вы научитесь

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

Ключевые навыки

Парсинг данных с любой веб‑страницы через расширение Chrome.
Работа с системными файлами: Manifest.json, Popup.js, Background.js, Content.js.
Настройка обмена данными между страницей, расширением и сервером.
Отладка (Debug) Chrome расширений.
Создание модульной и чистой архитектуры для долгосрочной поддержки.

Почему этот курс полезен

Вы не просто изучите основы Chrome Extensions — вы создадите полноценный, рабочий инструмент с реальной бизнес‑логикой. Такой проект отлично подходит как для портфолио, так и для коммерческого использования. Если вы хотите глубже понять веб‑парсинг, асинхронность и взаимодействие клиент‑сервер, этот курс станет практическим руководством к действию.

Кому подойдет курс

Начинающим разработчикам, желающим освоить расширения Chrome.
Веб‑разработчикам, изучающим NodeJS и MongoDB.
Тем, кто хочет автоматизировать сбор данных или создать собственные браузерные инструменты.
Любителям проектов, которые можно сразу публиковать в Chrome Store.

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

Урок 1. 00:02:55
About The Course
Урок 2. 00:04:35
Why Web Automation?
Урок 3. 00:02:28
War Stories From Scraping The Web
Урок 4. 00:03:04
My Latest App
Урок 5. 00:03:38
Why Make / Take This Course?
Урок 6. 00:08:57
Project Tutorial with Screenshots
Урок 7. 00:14:37
High-Level Project Architecture
Урок 8. 00:09:38
Setting up the Manifest.json - your App HQ
Урок 9. 00:02:45
Setting Up the Popup
Урок 10. 00:06:28
Adding AngularJS and Angular UI Router within the Popup HTML
Урок 11. 00:03:33
Adding Bootswatch and Custom Styling in Popup
Урок 12. 00:09:00
Setting up Angular UI-Router and our Home View
Урок 13. 00:14:28
Setting Up Your NodeJS Server
Урок 14. 00:09:22
Setting up Background.js with jQuery
Урок 15. 00:07:20
Chatting Between Background.js and Server
Урок 16. 00:07:56
Setting Up the Login view and Main Controller in the Popup
Урок 17. 00:07:52
Setting Up a Mongo Database with mLab
Урок 18. 00:05:45
UPDATE: MongoDB with Atlas: PART 1
Урок 19. 00:02:23
UPDATE: MongoDB with Atlas: PART 2
Урок 20. 00:04:25
Logging the Form Data in the Controller
Урок 21. 00:04:37
Authentication Game Plan - Understanding How The Pieces Fit (Architecture Recap)
Урок 22. 00:04:21
Setting Up Signup View and Connecting to UI-Router
Урок 23. 00:08:20
Passing Signup Form Data from Popup to Background
Урок 24. 00:12:20
Setting Up Authentication Logic on Background and Server
Урок 25. 00:13:54
Successfully Creating User and Trying to Login
Урок 26. 00:09:59
Successfully Logging In and Sending Server Response back to the Popup
Урок 27. 00:09:07
Redirecting Logged-In User to the Welcome View
Урок 28. 00:05:38
Saving User Token in LocalStorage
Урок 29. 00:08:44
NodeJS Middleware
Урок 30. 00:02:37
High-Level Architecture of Saving Product Data
Урок 31. 00:09:01
Setting Up the Product API
Урок 32. 00:07:55
Grab Purchase Years
Урок 33. 00:09:06
Passing Purchase Years to Background Script
Урок 34. 00:08:12
Handling Purchase Years Array within Background Script
Урок 35. 00:07:55
Sending orderDetails from Content to Background
Урок 36. 00:08:29
Successfully Saving Product and Page Records
Урок 37. 00:08:03
Successfully saving more than 1 product on a given page
Урок 38. 00:15:02
Logic of Navigating to the Next Page
Урок 39. 00:04:36
Helper Functions to Select Data and From the DOM and URL
Урок 40. 00:08:13
Section Overview - Game Plan for Saving Product Reviews and Summaries
Урок 41. 00:05:39
Helper Functions for Fetching & Parsing Product Data
Урок 42. 00:07:53
Handling JavaScript Race Conditions
Урок 43. 00:07:05
Adding View in Popup to Enable Users to Fetch Their Purchase History
Урок 44. 00:06:15
Backend API for Saving Products from Search Results
Урок 45. 00:05:50
Content Script Code for Fetching Search Results Data
Урок 46. 00:04:21
Grabbing Product Summaries and Reviews for Search Page Results
Урок 47. 00:07:25
Sending Product Reviews and Search Page Data to the Server
Урок 48. 00:06:02
Successfully Saving Products and Sending Next Steps to Content Script
Урок 49. 00:05:55
Successfully Looping from Page to Page of Search Results
Урок 50. 00:06:29
Setting Up Views for Scraping Search Results
Урок 51. 00:06:56
Successfully Scraping Current Search and Multiple Search Keywords
Урок 52. 00:08:04
New Course: How To Scale Your Chrome Extension Growth

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии