Do Zero: Pareamento a distância? O CodeTogether pode deixar essa tarefa mais agradável!
Tags: beginners, productivity, tutorial
Published: 2020-08-06 11:20:57


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**)
{% post https://dev.to/devgirls/do-zero-sonarlint-para-que-serve-esse-plugin-e-por-que-voce-nao-vai-mais-viver-sem-ele-31fg %} 

Esse plugin emergiu na lista de necessidades a partir desse momento de isolamento social :mask:, 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](https://aelian.com.br/guia-de-programacao-em-par/)).

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](https://www.codetogether.com/register/) e preencha as informações obrigatórias que são **_username_**, **_email_** e **_senha_**.

![Registro CodeTogether](https://dev-to-uploads.s3.amazonaws.com/i/wswo1m617zyruu741ic9.png)

#### Download e Instalação
[Aqui](https://www.codetogether.com/download/) 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](https://dev-to-uploads.s3.amazonaws.com/i/8nte3fpk6qy6t6usohcv.png)



- 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](https://dev-to-uploads.s3.amazonaws.com/i/80cs7t1oozcz15ddz6y5.png)

#### 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](https://dev-to-uploads.s3.amazonaws.com/i/znbis0snbhp3mj8ao0l4.gif)

- 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](https://dev-to-uploads.s3.amazonaws.com/i/dayx1xr1q6g727r0lhi4.gif)

#### 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!:laughing:

![opções tema e atalhos](https://dev-to-uploads.s3.amazonaws.com/i/uz7ttdwjbo1sm3uqy07y.png)


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

![nome par](https://dev-to-uploads.s3.amazonaws.com/i/ra6ymim0nzm8csjugzfe.png)


#### 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](https://dev-to-uploads.s3.amazonaws.com/i/0lwbqrbyie408gldepxk.gif)

#### 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](https://dev-to-uploads.s3.amazonaws.com/i/68enl63d6vgzw1tjlh4u.gif)


Claro que nem tudo são maravilhas:unicorn:! 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_**:rocket:, 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](https://media.giphy.com/media/12NUbkX6p4xOO4/giphy.gif)

######<a href="http://www.freepik.com">Image cover Designed by master1305 / Freepik</a>