Produtividade

Extensões do Chrome para devs. 🙌

Micael

Olá ouvintes do CoderCast, Me chamo Micael Pereira e nesse CoderCast vou falar sobre Extensões do Chrome.

A constante pergunta para qualquer profissional nos dias atuais é: Como posso ser mais produtivos em meu trabalho!?

Pensando nisso resolvi criar esse CoderCast com algumas extensões do Chrome que ajudam no meu trabalho.

Como de costume vou dividir o CoderCast em 5 partes.

1- Dark Reader

Essa extensão permite colocar qualquer site no tema escuro. É excelente para navegar na parte da noite.

E também para o dev que gosta do tema escuro na hora de codificar, para escrever e ler texto pode ter o mesmo conforto.

Eu particularmente, prefiro editar o código na tema claro de dia e na parte da noite. gosto do tema escuro.

A extensão também permite editar o brilho, basta seguir as etapas.
Clique na extensão do Chrome >> Ferramentas e então edite o css.

Outro ponto a destacar é o icone da extensão. Muito legal pois parece o Darth Vader, com um óculos de mergulho!

2- Wappalyzer

É uma extensão excelente que revela as tecnologias usadas nos sites.

A extensão detecta sistemas de gerenciamento de conteúdo, plataformas de comércio eletrônico, estruturas da Web, software de servidor, ferramentas de análise.

Sempre fico surpreso quando entro nos sites com Word Press e vejo a versão muito desatualizada.

Um prato cheio para hackers que sabem brechas de versões antigas.

3- Web Developer

Está extensão é igual as outras também adiciona um botão na toolbar das extensões.

Esta extensão permite remover css, JavaScript, Cookie.

A extensão no momento deste cast ela tinha 11 abas, colocarei as principais nesse cast.

  • Disable (Para desabilitar plugins, JavaScript, Notifications, popups e outros)
  • Cookies (Para desabilitar cookies, adicionar cookies, deletar cookies de domínio e outras opções)
  • CSS (Para Desabilitar estilos, desabilitar estilos inline, e outras opções)
  • Forms (Para checkar ou deschecar todos os checkboxes do form, converter elementos select para input e outras opções)
  • Images (Para desabilitar imagens, mostrar atributos alt, mostrar path das imagens e outras opções)
  • Information (Para saber as div dimensions, div order mostrar id e class)

Eu tenho essa extensão e uso bastante para entender o css e JavaScript de alguns sites.

4- EditThisCookie

Essa extensão é muito boa para saber quais cookies um determinado site está usando a extensão também, permite você editar alguns cookies de forma mais fácil.

Pois basta você clicar no ícone, escolher o cookie que deseja alterar e alterar.

Eu uso bastante nos meus sistemas, principalmente quando coloco informações de acesso no cookie. Na maioria das vezes eu crio um Cookie chamado SSID. E nele eu coloca um JWT.

Essa extensão me facilita mudar o valor deste JWT.

5- Vue Dev Tools

Esta extensão te permite saber. Qual site está usando VUE.

Eu uso bastante para descobrir qual o nome de um determinado componente. Só quem usa componentes no Vue sabe a dor que é encontrar um componente quando não se tem essa extensão.

A extensão também te permite saber os métodos que estão ocorrendo na sua aplicação.

Também é possível você o VUEX, que é responsável pelo estado da sua aplicação. O VUEX vale um CoderCast. Se você quer um CoderCast sobre o universo VUE, Me mande uma DM no Twitter. Ou coloca no Twitter #VueCoderCast. que vai me motivar a criar um CoderCast sobre essa lib que estou trabalhando a 1 ano.

Chegamos ao final de mais um CoderCast, agora já sabemos algumas extensões do Chrome e podemos ajudar no aumento de consumo de memória do nosso browser favorito.

Eu sempre coloco links de curso e livros relacionados ao assunto no final da descrição do CoderCast.

O CoderCast é feito por duas pessoas eu Micael Pereira, na apresentação e, você aí!

Tem mais algum item para acrescentar, que você acha que esqueci de colocar?

Deixe nos comentários, Fale comigo no twitter, instagram ou e-mail.

No Twitter eu sou o  @MicaelPereira_. No Instagram @guiadev_ me siga lá e comente sobre o podcast com seus amigos devs.

Dessa forma você ajuda o crescimento do CoderCast. Um meio de comunicação bem antigo, que ainda respondo é o e-mail. Para entrar em contato o e-mail é [email protected]

Link dos cursos:

Link dos livros:

Comentários no Facebook