Criando extensões para o Chrome e Edge do zero ao funcional

Aprenda de forma prática a desenvolver extensões para o Google Chrome / Edge e crie recursos incríveis para sites.

4.70 (83 reviews)
Udemy
platform
Português
language
Web Development
category
362
students
4 hours
content
Feb 2023
last update
$54.99
regular price

What you will learn

Desenvolver extensões para o Google Chrome e Microsoft Edge

Criar uma extensão que faz download de imagens do Instagram

Publicar extensões no Chrome Web Store

Criar recursos para diversos sites

Melhorar suas habilidades com Javascript

Interagir com o código fonte de qualquer página WEB através de suas extensões

Fazer requisições de API com suas extensões

Description

Já sentiu falta de alguma funcionalidade em determinados sites? Já parou para pensar quantas extensões já solucionaram problemas de sites adicionando recursos extras? Que tal aprender a desenvolver extensões para para o Google Chrome e Microsoft Edge? Se você tem interesse, este curso é para você!

Neste curso abordaremos desde o básico mostrando como interagir com o código fonte de qualquer site para criar recursos extras através das extensões desenvolvidas por você e também o que devemos fazer antes de começar a criar as extensões para facilitar ainda mais o nosso desenvolvimento utilizando recursos do seu navegador.

Também mostrarei alguns exemplos de extensões que eu desenvolvi com mais de 20 mil downloads no Chrome Web Store!

Além de tudo isso, darei dicas de como estudar para que você aproveite o máximo deste curso.

Não perca tempo e comece a criar extensões para navegadores e adicione novos recursos para pequenos até grandes sites!
Confira abaixo o que você aprenderá com este curso:

  • Desenvolver extensões para qualquer site

  • Adicionar novos recursos para pequenos e grandes sites

  • Publicar suas extensões no Chrome Web Store

  • Melhorar suas habilidades com Javascript

  • Interagir com o código fonte de qualquer página WEB através de suas extensões

  • Dicas de como estudar programação para aproveitar o máximo do conteúdo deste curso

  • Criar uma extensão para fazer download de imagens do Instagram.

Content

Introdução

Introdução

Como aproveitar o máximo deste curso

Apresentando o Notion
Tipos de anotações

Instalando ferramentas

Ferramentas que serão utilizadas
Download das ferramentas
Configurando os navegadores
Configurando o Visual Studio Code

O básico e necessário sobre Javascript

O que Será abordado sobre Javascript
Referências de elementos
Criando funções
Usando o AddEventListener
Usando o InnerHTML e InnerText
Adicionando conteúdo no HTML com o AppendChild
Intervalo de tempo com SetTimeout
Adicionando e removendo atributos em elementos
Capturando valores de elementos
Coloque em prática o conteúdo desta seção

Estrutura de arquivos da extensão

O que você irá aprender nesta seção
Conhecendo o Manifest.json
Criando um Popup para a extensão
Adicionando ícones e instalando a extensão
Criando página de opções
Injetando arquivos em páginas
Teste seus conhecimentos

Background da extensão

O que você irá aprender nesta seção?
Configurando o background
Abrindo abas do navegador com a extensão
Verificando se o usuário instalou pela primeira vez
Comunicação entre o Background e o Foreground
Exercícios desta seção

Criando extensão para fazer download de imagens do Instagram

O que você irá aprender nesta seção?
Criando os arquivos do projeto
Criando o botão de download
Fazendo download das imagens
Recuperando o link da imagem e configurando listeners
Recuperando o link da imagem e configurando listeners (Parte 2)

Publicando sua extensão no Chrome Web Store

O que irei aprender nesta seção
Criando uma conta de desenvolvedor
Publicando uma extensão

Adaptando uma extensão para o Mozilla Firefox

Como adaptar uma extensão para o Mozilla Firefox

Screenshots

Criando extensões para o Chrome e Edge do zero ao funcional - Screenshot_01Criando extensões para o Chrome e Edge do zero ao funcional - Screenshot_02Criando extensões para o Chrome e Edge do zero ao funcional - Screenshot_03Criando extensões para o Chrome e Edge do zero ao funcional - Screenshot_04

Reviews

Fernando
April 7, 2023
Está desatualizado. O manifest.json v2 está depreciado pelo google e as aulas não foram atualizadas. No final tem um conteúdo escrito que esclarece poucas coisas.
Diego
December 3, 2022
Já está obsoleto, o manifest_version”: 2, já esta dando erro, e não adianta mudar para o 3 com o que aprendemos aqui!
Pedro
October 22, 2022
O curso é curto, porém de grande valor. Os conteúdos apresentados ajudam muito a entender como funciona a questão de divisão de uma extensão!! Parabéns
Clovis
July 3, 2022
Realmente. Nas aulas da API, acabou se perdendo mais em CSS do que outra coisa. E terminou do nada! Deveria continuar!
Anderson
May 14, 2022
Gostei muito do curso. Passou por todos os pontos necessários e relevantes para desenvolvermos nossas próprias extensões, inclusive, os detalhes da distribuição na google. Achei muito zeloso por parte do autor trazer o último módulo com o consumo de uma API. Já tinha noções de desenvolvimento e mesmo assim achei tudo muito válido. Parabéns.
Rodrigo
April 23, 2022
Muito Bem Explicativo e Ensinado o Curso eu Posso Criar qualquer tipo de Extensões que eu Quiser e que nunca esteja disponíveis na pagina de obter as extensões dos navegadores.
Vinicius
March 12, 2022
Muito bom!!!!! Bem que você poderia adicionar sessões que ensinem a desenvolver extensões com vue.js ou react.js. Muito obrigado!!
Jonas
January 6, 2022
Ótimo curso! Trata de todos os detalhes necessários para o desenvolvimento de uma extensão, dando sugestões de outras abordagens. Como sugestão, entendo que seria interessante incluir uma sessão com o desenvolvimento de uma das extensões que o professor possui, como a presença meet, tornando o curso ainda mais proveitoso.
Eduardo
September 29, 2021
Estou gostando bastante do curso, pra começar estou achando perfeito, acredito que vou precisar ir atrás de documentação para saber mais, mas para ter um contato inicial esta sendo muito bom

Charts

Price

Criando extensões para o Chrome e Edge do zero ao funcional - Price chart

Rating

Criando extensões para o Chrome e Edge do zero ao funcional - Ratings chart

Enrollment distribution

Criando extensões para o Chrome e Edge do zero ao funcional - Distribution chart
4073026
udemy ID
5/24/2021
course created date
6/8/2021
course indexed date
Bot
course submited by