DEV Community

Cover image for Do Zero: Pareamento a distância? O CodeTogether pode deixar essa tarefa mais agradável!
Isa Giongo for Dev Girls

Posted on

Do Zero: Pareamento a distância? O CodeTogether pode deixar essa tarefa mais agradável!

Indo na linha dos plugins para IDE's que muito nos facilitam, hoje trago um pequeno post sobre o CodeTogether! (dá uma olhada abaixo no primeiro artigo dessa série, sobre o incrível Sonarlint)

Esse plugin emergiu na lista de necessidades a partir desse momento de isolamento social 😷, onde é preciso que cada um esteja em sua casa, porém ainda estamos em times e seguimos com a necessidade e a vontade de parear (Se você ainda não sabe o que é ou como funciona o pareamento - ou ainda pensa que pode ser desperdício de tempo -, da uma olhada aqui).

O CodeTogether promete ser uma ferramenta de colaboração muito superior à experiência de parear apenas compartilhando a tela através das ferramentas conhecidas de vídeo-chamada, como o Hangouts, Meet, Zoom, Teams e etc, pois permite a real interação de ambas as partes envolvidas na tarefa.

Vamos para a prática então!

Primeiramente, é necessário que uma das pessoas que irá parear tenha uma conta no CodeTogether e instale o plugin na sua IDE.

Registro

Clique aqui e preencha as informações obrigatórias que são username, email e senha.

Registro CodeTogether

Download e Instalação

Aqui você vai fazer o download do CodeTogether de acordo com sua IDE (no momento, está disponível para Eclipse, IntelliJ e VsCode).

  • Para instalar no Eclipse, basta estar com o ele aberto e arrastar o botão Drag to Eclipse IDEs para dentro do Eclipse. O Eclipse Marketplace será iniciado e só você só precisa clicar em Install.

botão arrastar eclipse

  • Para instalar no IntelliJ, basta clicar em Download for Jetbrains IDEs. Um arquivo .zip será baixado, e no IntelliJ você vai fazer o seguinte caminho: File, Settings..., Plugins e nos três pontinho perto de Installed, você vai clicar em Install Plugin from Disk... e selecionar o arquivo .zip que você baixou do site do CodeTogether.

install intelliJ

Utilização

Para iniciar o pareamento, são três etapas: iniciar o compartilhamento, com o "Start Sharing", depois copiar o link de acesso em "Copy Invite URL" e por fim, a pessoa que irá parear, acessar esse link no seu navegador.

  • No IntelliJ, basta ir no menu View, Tool Windows, CodeTogether. Uma "janela" se abrirá na lateral direita da IDE. Clique em Start Sharing e em Copy Invite URL.

utilizar codeTogether intelliJ

  • No Eclipse, basta clicar no menu Help, CodeTogether e Start Sharing. Uma "janela" vai se abrir na direita da sua IDE e basta clicar em Copy Invite URL.

utilizar codetogether Eclipse

Acesso ao código do host

Ao receber o link da pessoa que instalou o plugin do CodeTogether em sua IDE, basta acessá-lo de qualquer navegador.

A primeira tela, oferece as opções de tema preferido (Ligth ou Dark, para cada IDE) e também de atalhos de teclado, afinal você não tem que ser obrigada a aguentar aquele tema branco e apático que seu colega acha lindo!😆

opções tema e atalhos

Na sequência, vamos informar nosso nome, pois essa informação ficará visível para a pessoa que está pareando conosco.

nome par

Visualização do convidado através do navegador

A partir daí, começaremos a ter visualização e acesso ao código como se estivéssemos pareando lado a lado, diretamente na IDE de origem, inclusive com as facilidades como o auto-complete da IDE, facilitando a busca por classes, a nomear variáveis, e também os atalhos que estamos acostumados a utilizar no dia a dia para aumentar a produtividade.

autocomplete no navegador

Visualização do host na sua IDE

E aqui é como o host, que instalou o plugin, está vendo na sua IDE as ações da pessoa que está pareando com ele.

pareamento no host

Claro que nem tudo são maravilhas🦄! A versão free do CodeTogether apresenta algumas limitações, dentre as quais a que mais nos afeta, que é a limitação de tempo do pareamento. Após 45 minutos de pareamento, a sessão é interrompida e é preciso clicar novamente no link de compartilhamento para voltar a visualizar e acessar a tela.(temporariamente, está tudo liberado do plano "Pro", por conta da pandemia do Covid)

De qualquer forma, é sim uma incrível melhoria na experiência do pareamento remoto, delegando a ação de compartilhar o código para uma ferramenta especializada - o super CodeTogether🚀, enquanto seguimos usando as ferramentas de vídeo chamada para o que elas fazem bem: vídeos chamadas.

Tem alguma dica de plugin ou ferramenta mágica para um próximo post dessa série? Deixa aqui nos comentários!

magic

Image cover Designed by master1305 / Freepik

Top comments (3)

Collapse
 
anamichelsrs profile image
Ana Michels

Isa!!! Que fera, era isso que eu precisava!

To iniciando duas manas no mundo do desenvolvimento, não que eu seja pleno ou sênior, mas ajudou de mais...

Collapse
 
denize_nefer profile image
Denize com Z 🇧🇷

parabéns, Isa. Mandei teu artigo pra galerinha que tá começando na Incubadora esse ano ;)

Collapse
 
isagiongo profile image
Isa Giongo

Que legal, De! \o