Nesta postagem, temos o prazer de compartilhar algumas melhorias significativas na experiência de introdução às extensões do Chrome e algumas maneiras de fazer parte desse sonho.
O guia antigo
Anteriormente, o tutorial de introdução da extensão do Chrome era um exemplo básico de extensão que mudava a cor de fundo da página atual quando o usuário clicava em um botão no pop-up da extensão. Também incluía uma página de opções em que você podia escolher uma das quatro cores.
Esse exemplo básico não demonstrou como adicionar recursos conhecidos apresentados em extensões reais. Era hora de uma reformulação.
Uma nova abordagem
Sabemos que os desenvolvedores confiam na nossa documentação para começar a jornada de aprendizado das extensões do Chrome, e nosso objetivo é oferecer um caminho acessível, fácil de usar e relevante. Em vez de tentar melhorar o exemplo do tutorial existente, decidimos começar do zero.
Apresentamos a nova e aprimorada coleção "Getting Started":
- Introdução às extensões
- Aborda brevemente alguns conceitos fundamentais do desenvolvimento de extensões do Chrome, como tecnologias da Web e componentes de extensão usados com frequência. Além disso, inclui o que você precisa saber ao projetar e distribuir uma extensão na Chrome Web Store.
- Noções básicas de desenvolvimento
- Apresenta o fluxo de trabalho de desenvolvimento de extensões criando um exemplo de Olá, extensões. Nele, você verá como carregar a extensão durante o desenvolvimento, localizar registros e erros, escolher uma estrutura de projeto e usar o Typescript.
- Tutorial de tempo de leitura
- É bom saber quanto tempo precisamos para terminar de ler um artigo. O Tempo de leitura ensina a inserir um elemento que contém o tempo de leitura estimado em cada página de documentação da extensão.
- Tutorial do Modo sem distrações
- Remover a desordem extra de uma página permite que nossas mentes se concentrem nas informações mais relevantes. O Modo sem distrações demonstra como mudar o estilo da página e ocultar alguns elementos que causam distrações.
- Tutorial do Gerenciador de guias
- Ao pesquisar o desenvolvimento de extensões, é possível que você encontre guias de documentação em diversas janelas. O Gerenciador de guias organiza as guias da Extensão do Chrome e da documentação da Chrome Web Store.
Esses tutoriais não apenas ensinam como criar extensões reais, mas também compartilham dicas de desenvolvimento e práticas recomendadas. Além disso, o uso dessas extensões vai melhorar sua experiência de leitura da documentação da extensão.
o que esperar
Cada tutorial inclui as seguintes seções:
- A tarefa que a extensão executará.
- As lições que serão abordadas.
- O que você precisa saber antes de começar.
- Instruções detalhadas para criar a extensão.
- Como carregar e testar a extensão.
Se você está pronto para um desafio, incluímos uma seção com algumas ideias sobre como personalizar ou adicionar outros recursos à sua extensão.
Queremos sua ajuda
Queremos saber sua opinião. Se você notar algo errado nesses guias, informe um bug no nosso repositório do GitHub.
Acreditamos que este novo guia de primeiros passos é uma melhoria significativa em relação ao antigo, mas não vamos parar por aqui. Continuaremos trabalhando para melhorar e expandir nossa documentação para atender melhor a todos os desenvolvedores de extensões.
Foto de Vardan Papikyan no Unsplash (links em inglês)