image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Luis Melo
Luis Melo02/12/2023 11:39
Compartilhe

Extensão do Chrome para ocultar a lista de episódios da plataforma DIO.

  • #HTML
  • #JavaScript
  • #CSS

Problema!

Pensando em alunos que possuem apenas um monitor (que é o meu caso) e dividem as janelas, uma para o editor de código e outro na plataforma da DIO, enquanto assistem as aulas, percebi um problema!!

image

Não é possível minimizar a trilha de lições, não há qualquer botão que permita ocultar a lista das lições restantes. Algo que ocupa um espaço considerável da tela.

Solução!

Pensando nisso, desenvolvi uma extensão do navegador, que quando utilizada, modifica a página de assistir aula retirando a trilha de lições. A extensão acessa os elementos HTML que representam a trilha de lições e o vídeo, e modificam o CSS deles. É possível ocultar a trilha de episódios, como também voltar a mostra-lá.

Extensão em execução

image

Disclaimer

Até o momento a extensão funciona baseada nos ids e classes definidos nos elementos HTML da página. Caso ocorra alguma mudança nesses seletores. A extensão deixará de funcionar.

Links

Segue em anexo o link para o repositório da extensão no Github, como o do meu linkedin para contato.

  • https://github.com/Felipe-dot/Extensao-DIO
  • https://www.linkedin.com/in/felipe-dot/
Compartilhe
Comentários (8)

MA

Miriam Alves - 10/04/2024 23:48

Eu amo o mundo TI

e eu amo pessoas que como vc cria solução pra um problema que tenho desde o primeiro dia com a plataforma. Obrigada

Felipe Goncalves
Felipe Goncalves - 08/12/2023 17:37

Parabéns Luís!

Matheus Zacher
Matheus Zacher - 07/12/2023 21:25

Caraca, muito bom!!!

parabéns pela iniciativa.

Carolina Perdigão
Carolina Perdigão - 07/12/2023 15:25

Valeu, a DIO podia corrigir isso, é uma necessidade antiga!

Fernando Schmitz
Fernando Schmitz - 06/12/2023 06:47

Alguns heróis não usam capa. Parabéns pelo projeto e iniciativa 👏🏻👏🏻👏🏻

Luis Melo
Luis Melo - 04/12/2023 09:10

Para estar utilizando, basta navegar para o link do github, que lá tem o README explicando sobre como instalar a extensão no seu navegador.

RF

Rikelmy Freitas - 02/12/2023 15:25

Muito bom Luis! Como posso estar utilizando?

Francisco Júnior
Francisco Júnior - 02/12/2023 14:39

Ohh! Interessante hein! Parabéns!