Build a Full-Stack Chrome Extension with NodeJS and MongoDB

Course Curriculum

Chapter 1: Introduction

Lecture 1: About The Course

Lecture 2: Chrome Extension May Be Renamed

Lecture 3: Why Web Automation?

Lecture 4: War Stories From Scraping The Web

Lecture 5: My Latest App

Lecture 6: Why Make / Take This Course?

Lecture 7: Project Tutorial with Screenshots

Lecture 8: High-Level Project Architecture

Chapter 2: The Manifest and Popup

Lecture 1: Setting up the Manifest.json – your App HQ

Lecture 2: Setting Up the Popup

Lecture 3: Adding AngularJS and Angular UI Router within the Popup HTML

Lecture 4: Adding Bootswatch and Custom Styling in Popup

Lecture 5: Setting up Angular UI-Router and our Home View

Chapter 3: Setting Up NodeJS and MongoDB

Lecture 1: Setting Up Your NodeJS Server

Lecture 2: Setting up Background.js with jQuery

Lecture 3: Chatting Between Background.js and Server

Chapter 4: Signup & Login Functionality

Lecture 1: Setting Up the Login view and Main Controller in the Popup

Lecture 2: Setting Up a Mongo Database with mLab

Lecture 3: UPDATE: MongoDB with Atlas: PART 1

Lecture 4: UPDATE: MongoDB with Atlas: PART 2

Lecture 5: Chrome Extension Message Passing API and Architecture

Lecture 6: Logging the Form Data in the Controller

Lecture 7: Authentication Game Plan – Understanding How The Pieces Fit (Architecture Recap)

Lecture 8: Setting Up Signup View and Connecting to UI-Router

Lecture 9: Passing Signup Form Data from Popup to Background

Lecture 10: Setting Up Authentication Logic on Background and Server

Lecture 11: Successfully Creating User and Trying to Login

Lecture 12: Successfully Logging In and Sending Server Response back to the Popup

Lecture 13: Redirecting Logged-In User to the Welcome View

Lecture 14: Saving User Token in LocalStorage

Lecture 15: NodeJS Middleware

Chapter 5: Scraping Amazon Product Data

Lecture 1: High-Level Architecture of Saving Product Data

Lecture 2: Grab Purchase Years

Lecture 3: Passing Purchase Years to Background Script

Lecture 4: Handling Purchase Years Array within Background Script

Lecture 5: Sending orderDetails from Content to Background

Lecture 6: Setting Up the Product API

Lecture 7: Successfully Saving Product and Page Records

Lecture 8: Successfully saving more than 1 product on a given page

Lecture 9: Logic of Navigating to the Next Page

Lecture 10: Helper Functions to Select Data and From the DOM and URL

Chapter 6: Save More Product Data – Like Summary and Reviews

Lecture 1: Section Overview – Game Plan for Saving Product Reviews and Summaries

Lecture 2: Helper Functions for Fetching & Parsing Product Data

Lecture 3: Handling JavaScript Race Conditions

Lecture 4: Adding View in Popup to Enable Users to Fetch Their Purchase History

Chapter 7: Scrape Amazon Search Results

Lecture 1: Backend API for Saving Products from Search Results

Lecture 2: Content Script Code for Fetching Search Results Data

Lecture 3: Grabbing Product Summaries and Reviews for Search Page Results

Lecture 4: Sending Product Reviews and Search Page Data to the Server

Lecture 5: Successfully Saving Products and Sending Next Steps to Content Script

Lecture 6: Successfully Looping from Page to Page of Search Results

Lecture 7: Setting Up Views for Scraping Search Results

Lecture 8: Successfully Scraping Current Search and Multiple Search Keywords

Chapter 8: Getting Ready for Production

Lecture 1: Steps to Deployment

Chapter 9: UP Next: Product Management Course

Lecture 1: New Course: How To Scale Your Chrome Extension Growth