Construa uma Extensão Completa do Chrome com NodeJS e MongoDB

Construa uma Extensão do Chrome que Raspa Resultados de Busca de Lojas Online enquanto Aprende a Manter seu Código Limpo e Extensível

Neste curso, estaremos desenvolvendo uma nova Extensão Completa do Chrome que raspa uma loja online e salva automaticamente os dados do produto em um banco de dados MongoDB. Nosso produto final (que você poderá publicar na Chrome Store) será uma Extensão do Chrome que permite a qualquer usuário raspar seu próprio histórico de compras, os resultados de qualquer URL de busca ou os resultados de várias palavras-chave de busca - um após o outro. *Exemplos de código incluídos ao longo do seu caminho para dominar o desenvolvimento de extensões do Chrome* A pilha de tecnologia com a qual você lidará neste curso: - Extensão do Chrome - AngularJS (para o Popup da Extensão do Chrome) - jQuery *(para interagir com o DOM da loja online) - Servidor NodeJS - Banco de dados Mongo A funcionalidade da Extensão do Chrome: Cadastro e login via visualização de popup Selecionar elementos do DOM com a página Content.js Raspar seu próprio histórico de compras Raspar resultados de busca de uma determinada página Raspar resultados de busca de várias palavras-chave (automaticamente, uma após a outra) Salvar o título do produto Salvar a descrição do produto Salvar a imagem do produto Salvar as avaliações do produto Salvar a classificação do produto Salvar a quantidade de avaliações de um determinado produto Fazer a Extensão do Chrome navegar automaticamente por todas as páginas de resultados de busca Ao desenvolver este incrível projeto de exemplo, você aprenderá: a) Como raspar qualquer dado da web programaticamente através do poder das extensões do Chrome b) O arquivo Manifest.json c) O arquivo Popup.js c) O arquivo Background.js d) O arquivo Content.js e) Como depurar sua Extensão do Chrome Acertar a arquitetura da sua Extensão do Chrome é super crucial para manter seu código limpo e estruturado! Abordaremos muitas considerações ao construir uma Extensão Completa do Chrome. Eu criei este curso porque todos os outros cursos de Extensão do Chrome não vão tão a fundo (compare a quantidade de horas que este curso oferece em relação aos concorrentes) e porque as Extensões do Chrome são como a roupa de surfe para os surfistas da web - os usuários podem levá-las para onde quer que vão na web. Se você está animado com o Poder Incrível das Extensões do Chrome e da Raspa de Dados da Web, espero que você aproveite muito este curso. A arquitetura foi projetada para ser reutilizável, não importa que tipo de Extensão do Chrome / Raspa de Dados da Web você queira construir, então sinta-se à vontade para entrar em contato se precisar de ajuda para levar o código na direção desejada ou se tiver alguma dúvida ao longo do caminho. Atenciosamente, Ethan

O que você aprenderá

- Como construir uma Extensão do Chrome - Como raspar dados da web com sua Extensão do Chrome - Como selecionar elementos no DOM através do seu script ContentJS - Como lidar com solicitações AJAX do seu Background para o seu servidor - A API de mensagens da Extensão do Chrome - Como passar dados entre diferentes elementos da sua Extensão do Chrome (Popup->Content->Background->Server...) - Como configurar o servidor NodeJS, rotas e API de backend para sua extensão - Como gerenciar dados de produtos com o MongoDB - Como aceitar a entrada do usuário de uma Extensão do Chrome - Como persistir dados de login do usuário e outros dados relacionados ao usuário dentro do armazenamento local da página de background - Melhores práticas para manter seu código de Extensão do Chrome limpo, livre de bugs e altamente extensível - Organizando suas páginas Popup, Content e Background