<h2 id="introdução"><a href="#introdu%C3%A7%C3%A3o" class="anchor">Introdução</a></h2>
<p>Fala meu povo lindo!! Happy Halloween! Resolvi fazer uma surpresa bem legal para vocês hoje!</p>
<p>Vamos deixar de enrolação e vamos logo para o assunto. Hoje você pode ter a chance de ganhar 1 entre 10 cursos do <a href="https://reactavancado.com.br/">React Avançado</a>! Isso mesmo, <strong>nada de sorteio</strong>, descobriu, ganhou!</p>
<p>E você deve estar se perguntando:</p>
<blockquote>
<p>Uai, mas como eu faço então?</p>
</blockquote>
<p>Bom, aí que está, só de acessar essa página <strong>você já está participando!</strong> Agora cabe a você, descobrir o resto das etapas =D</p>
<p>Boa sorte a todos!</p>
<h2 id="e-acabou"><a href="#e-acabou" class="anchor">E acabou!</a></h2>
<p>Meus parabéns para os alunos espertos que conseguiram! E para quem não conseguiu, agora vou explicar!</p>
<p>Primeiro de tudo, bastava abrir o console do navegador e teria o seguinte:</p>
<pre><code class="language-js">//// Happy Halloween
console.log('🎃🎃🎃 Happy Halloween 🎃🎃🎃')
console.log('Quer ganhar um curso na faixa??')
console.log(
  'Qual foi minha fantasia de Halloween do ano passado? Acerte e vá para https://${fantasia}Halloween.willianjusten.com.br"'
)
</code></pre>
<p>Minha fantasia do ano passado, assim como está no meu avatar, foi do <code>Harry Potter</code> ou só <code>Harry</code> mesmo. Então você podia digitar as seguintes urls:</p>
<ul>
<li><a href="https://harryhalloween.willianjusten.com.br/">harryhalloween.willianjusten.com.br</a></li>
<li><a href="https://harrypotterhalloween.willianjusten.com.br/">harrypotterhalloween.willianjusten.com.br</a></li>
</ul>
<p>Ou se você quisesse ser ainda mais "zoeiro", podia responder um <code>seilá</code> e ficaria:</p>
<ul>
<li><a href="https://seilahalloween.willianjusten.com.br/">seilahalloween.willianjusten.com.br</a></li>
</ul>
<p>E também funcionava!</p>
<p>E depois disso, tinha um joguinho bem divertido onde você precisava acertar <code>60</code> ou mais Frankensteins para poder ganhar e o cupom iria aparecer no terminal novamente.</p>
<h2 id="era-difícil-demais-acertar-60-não-vale"><a href="#era-dif%C3%ADcil-demais-acertar-60-n%C3%A3o-vale" class="anchor">Era difícil demais acertar 60, não vale!!!</a></h2>
<p>Aí é que tá, a ideia era que vocês hackeassem o jogo, não importa como, o objetivo era ganhar. E bom, diante disso, posso dizer que tive alunos muito muito criativos! Alguns dos truques foram:</p>
<ul>
<li>Diminuir a velocidade de animação do CSS</li>
<li>Aumentar o tamanho dos bonecos para não ter como errar</li>
<li>Mudar o valor do <code>score</code> direto no console</li>
<li>Criar função para clickar nos elementos do Frakenstein</li>
<li>E até o mais simples, digitar a variável do cupom cifrado no terminal</li>
</ul>
<p>Você fez diferente? Manda lá <a href="https://twitter.com/Willian_justen">no meu twitter</a> o que você fez!</p>
<p><img src="/assets/img/halloween.jpg" alt="Ilustração de um castelo e tumbas com um Happy Halloween escrito embaixo, em um fundo roxo."></p>


Tenha a chance de ganhar 1 curso de React Avançado de graça!

Happy Halloween! Caça ao tesouro!

## Introdução

Como todo ano eu faço, esse post aqui serve para eu revisitar um pouco de como foi meu ano e até mesmo para analisar minha evolução de acordo com os anos anteriores. Se você quiser comparar também, seguem aqui os posts dos outros anos:

* [Meu ano de 2015](https://willianjusten.com.br/meu-ano-de-2015/)
* [Meu ano de 2016](https://willianjusten.com.br/meu-ano-de-2016/)
* [Meu ano de 2017](https://willianjusten.com.br/meu-ano-de-2017/)
* [Meu ano de 2018](https://willianjusten.com.br/meu-ano-de-2018/)
* [Meu ano de 2019](https://willianjusten.com.br/meu-ano-de-2019/)

Esse ano eu ouvi bastante coisa como sempre, mas foram bem diferentes, então vão aqui algumas coisas:

* [Billie Eilish](https://open.spotify.com/artist/6qqNVTkY8uBg9cP3Jd7DAH?si=IJBr0T1AQeKmC3gcWbao-g) - pois é, também fui pego por essa onda, mas te falar, ela manda bem.
* [Trilha sonora de Doom](https://open.spotify.com/album/0KQyC28P9808r0oKKNgHvp?si=T_hkqZt3SDKWwKznjTFKVw) - esse ano teve lançamento do Doom Eternal e como um bom fã, ouvi a trilha sem parar!
* [Perturbator](https://open.spotify.com/artist/244uLu9lkdw39BJwlul3k8?si=2XLjGzzqSLey24opxGy_gA) - perfeito para trabalhar focadão com synthwave pesadão a la Cyberpunk

Mas, vamos ao que interessa e falar sobre as coisas que me aconteceram esse ano. Eu não vou falar por ordem de importância nem nada, então recomendo que leia tudo se estiver realmente intereressado xD

## Blog

Ano passado eu tive um movimento maior no meu blog principalmente pois criei um visual novo e também fiz uma conversão do Jekyll para o Gatsby. Já esse ano, apesar de ter escrito alguns posts, eu percebi que a demanda tem crescido mais na parte de vídeos, por isso eu foquei um pouco mais no YouTube também.

### Algumas métricas do blog

Como faço todo ano e gosto de comparar e analisar os dados, seguem alguns dados desse ano de 2020.

## Usuários do ano

![Lista indicando que tive uma queda de 10% de usuários no ano de 2020 em relação a 2019](/assets/img/acessos-2020.png)

Como pode ver, é a primeira vez que eu tenho uma queda de acessos no blog e foi uma queda bastante expressiva, mais de 10%! Mas isso é tudo pelo fato de eu ter postado menos e também as pessoas estarem mais focadas em conteúdos de vídeo como falei mais acima.

Apesar dessa queda, ainda tenho uma conversão muito legal de vendas em cursos, então meu blog é ainda essencial para mim, o SEO dele me ajuda bastante.

## O ano do vídeo! Canal no YouTube

As pessoas tem consumido muito mais vídeo, é impressionante a diferença! É curioso para mim, pois eu confesso que ainda prefiro texto, mas precisamos seguir o mercado né? xD

E, nesse exato momento, tomei um enorme susto com a diferença de vídeos que eu publiquei entre o ano passado e esse ano. Ano passado eu postei **8 vídeos** e esse ano eu postei **120 vídeos**, como você pode ver no gráfico abaixo! 

![Gráfico mostrando comparação entre videos de 2019 para 2020.](/assets/img/videos-publicados.png)

Mas esses números tem uma razão para serem tão maiores também. Eu criei séries maiores diretamente para o YouTube. Como:

* [Criando um ambiente de Desenvolvimento no Windows](https://www.youtube.com/playlist?list=PLlAbYrWSYTiOpefWtd6uvwgKT1R-94Zfd) - essa série eu fiz especificamente para mim, para não esquecer os passos para ter o WSL configurado no meu PC novo e nossa, muita gente usa hoje em dia!
* [Mini-curso de TypeScript](https://www.youtube.com/playlist?list=PLlAbYrWSYTiPanrzauGa7vMuve7_vnXG_) - outra série que foi um enorme sucesso, muita gente passou a ver o TS com melhores olhos depois desses vídeos, então fico feliz.
* [Curso Git e Github para iniciantes](https://www.youtube.com/playlist?list=PLlAbYrWSYTiPA2iEiQ2PF_A9j__C4hi0A) - esse foi o único conteúdo não inédito, mas que eu resolvi subir no YouTube para que mais pessoas tivessem acesso rápido (fora da Udemy)

### Mais interação e diferentes formatos

Eu não entendo nada nada de vídeo, nem editar eu sei, então eu vou aprendendo e testando as coisas. Eu ganhei uma [Elgato Key Light](https://www.elgato.com/en/gaming/key-light) do GitHub e com isso, resolvi gravar vídeos num formato onde eu apareço mais, não sou muito de aparecer, mas notei que as pessoas gostam e simpatizam mais, isso fez crescer bastante o número de inscritos.

Meus últimos vídeos tiveram um bom número de views (para o meu humilde canal), então devo continuar com essa linha:

* [Monitores, produtividade e minha preferência](https://www.youtube.com/watch?v=3yBOg0Hhmtw)
* [Comunicação Assertiva](https://www.youtube.com/watch?v=wRoE7MFvTAU)
* [Será que sou bom o suficiente?](https://www.youtube.com/watch?v=2g181ibXzEM)

### Lives

Outra coisa que eu fiz mais esse ano foram **lives** e nossa, que retorno legal! Todos os dias que eu fiz live, eu fiquei muito mais tempo que o proposto, pelo simples fato de que estava gostoso e eu nem via o tempo passar!

Se eu não sei gravar vídeos, para lives eu sou ainda pior! Me perco no chat o tempo todo, sem contar que não sei usar os programas legais que o pessoal usa, então acabo usando o [Streamyard](https://streamyard.com/) que pelo menos simplifica um pouco as coisas. Aliás, aceito ajudas nesse tópico!

Minha [última live](https://www.youtube.com/watch?v=wEK5X7TpK1E) ainda teve a participação do grande [Felipe Fialho](https://www.felipefialho.com/) e durou **mais de 2 horas** e foi demais! Espero fazer mais coisas assim no ano que vem.

## Saída da Toptal, depressão e saúde...

Eu saí da Toptal no dia 1 de Abril e quando avisei ao pessoal, a maioria pensou que era brincadeira de Primeiro de Abril, mas nem era, foi só uma engraçada coincidência. Mas por que vários pensaram que era zoeira? Tirando a questão do dia, eu já estava na empresa há quase 4 anos e sempre elogiei a empresa, não parecia que eu iria sair tão cedo, mas tudo muda né.

Ano passado eu havia mudado para um outro time, saindo das páginas públicas para trabalhar mais na plataforma em si e outro projeto. Foi bastante legal essa transição, mas depois de um tempo eu confesso que estava ficando um pouco desanimado. Junto a isso, veio a pandemia e vários dos meus planos foram por água abaixo.

Para quem me conhece, eu nunca tive vergonha de admitir que tenho depressão e uma das formas que eu trabalho com ela, são através das viagens, onde são meus momentos de descompressão. O problema é que nessa pandemia, ninguém pôde viajar e isso me deixou bem triste, além de alguns outros problemas de saúde que apareceram. 

Eu também estava com casamento marcado, mas minha namorada foi demitida da Latam (ela é comissária de voo), o que nos obrigou a adiar também, enfim, todas essas coisas foram bem pesadas.

Por causa disso tudo, eu resolvi sair da Toptal e focar em coisas que me fizessem mais feliz, mas que eu também pudesse "controlar" um pouco melhor. 

## Curso de React Avançado

Eu fiz um post falando da [história por trás do curso](https://willianjusten.com.br/a-historia-por-tras-do-meu-curso-de-react-avancado/), ele é o meu maior projeto de todos até hoje. Criar um curso de ponta a ponta, ensinando com detalhes um projeto real.

Nesse exato momento, ele já tem mais de **46 horas** e mais de **1900 alunos**! O curso já era grande quando eu imaginei ele, mas se tornou ainda mais gigantesco. Tudo pois eu estou tentando fazer nos mínimos detalhes, ensinando não só React, mas tem muita coisa de CSS, testes, Next, teorias, enfim, acho que os próprios alunos podem falar melhor do que eu.

Espero ter terminado tudo no primeiro trimestre do ano que vem, mas já posso dizer que essa foi definitivamente uma das minhas maiores conquistas do ano e da vida até hoje. Estou praticamente um ano inteiro vivendo só desse curso e ainda pretendo continuar ano que vem dessa maneira. 

Tive muito medo de largar a Toptal com um salário em dólar, ainda mais nessa última enorme alta. Mas posso dizer agora que foi a decisão mais acertada que eu tive do ano.

## GitHub Stars

Uma coisa que me pegou de surpresa (MUITA SURPRESA) foi eu ter sido escolhido como um [GitHub Star](https://stars.github.com/profiles/willianjusten/). Para quem não sabe, esse é um programa do GitHub para reconhecer pessoas que inspiram e educam nas comunidades de desenvolvimento.

Eu falo sobre o [programa nesse vídeo](https://www.youtube.com/watch?v=3qlmKllROI8), mas num resumo, o programa permite um contato direto com os times do GitHub, tanto para ver as coisas novas que estão por vir, como para discutir as features, necessidades e divulgar conhecimento. Na minha opinião, o programa está muito a frente de outros programas do gênero. O cuidado que eles andam tendo com os detalhes tem sido incrível!

Eles também me mandaram duas caixas **enormes**! [Uma cheia de Swags](https://www.youtube.com/watch?v=QjjWI51dPKc) (camisas, adesivos, bottoms) e [uma com vários equipamentos](https://www.youtube.com/watch?v=vVp8atME0n8) para melhorar nas gravações, com direito a Webcam 4k e uma Key Light! 

## Mudança e qualidade de vida

Agora no final do ano eu resolvi me mudar de apartamento, eu nunca me incomodei de ter meu computador no quarto e nem que ele era pouco iluminado, mas nessa pandemia, eu senti o quanto isso me afetava!

Não ver muito da luz do Sol durante o trabalho me deixava extremamente cansado e de péssimo humor. A outra coisa é que eu quase não sentia que estava mudando entre trabalho e descanso, afinal de contas, era tudo no mesmo quarto. Pensando nisso, eu resolvi mudar de apartamento e aos pouquinhos eu vou organizando as coisas. 

Agora tenho um quarto separado para ser só meu escritório e ele é bastante iluminado, assim como o meu quarto, então espero que isso me ajude no humor e qualidade de vida. Abaixo segue foto de como está o escritório hoje, ainda falta o apoio de pé (que no momento é uma caixa qualquer) e também o apoio para o PC (calma, não fique desesperado que ele está no chão!).

![Uma mesa de escritório com 2 monitores, um microfone, alguns bonequinhos, mouse e teclado sem fioe um computador no chão abaixo da mesa.](/assets/img/office.jpeg)

## Descanso e PS5

Como falei um pouco acima, poder viver dos meus cursos me permite cuidar um pouco mais da minha saúde e controlar meu trabalho. Pensando nisso, eu resolvi me dar umas férias e desde o dia 15/12 eu parei de codar/gravar e só vou voltar no dia 05/01. 

Nesse meio tempo, eu estou descansando bastante, jogando meu PS5, PC e várias vezes simplesmente não fazendo nada, ainda tenho dificuldades de "ficar parado", mas é importante dar esse descanso para o corpo, senão ele num aguenta e depois cobra...

## E o ano que vem?

Bom, acho que a primeira coisa que todo mundo deseja é que venha logo essa vacina e as mortes diminuam. Eu confesso que desisti de ver notícias, pois me deixava ainda mais ansioso e triste com a situação. Então tomara que isso acabe o mais breve possível!

E o resto dos planos é: acabar o curso de React Avançado, atualizar o conteúdo do curso de JS com TDD, continuar lançando mais conteúdos no YouTube que não sejam só técnicos e por fim, **viajar**! 

E você? Já pensou sobre o seu ano? Conseguiu achar coisas boas dentro de tantas confusões nesse ano calamitoso? E os planos para o ano que vem?

Espero que tenha gostado do post e qualquer coisa, comenta lá no [meu Twitter](https://twitter.com/Willian_justen).

Um ano complicado, mas com boas vitórias também.

Meu ano de 2020

## Introdução

Fala pessoal, mantendo a ideia de ter vídeo, mas também ter post escrito, hoje eu vou falar sobre um vídeo que fiz recentemente que é o [Mostrando últimos posts e vídeos no Github Profile](https://youtu.be/tGYyamj4gTA).

O Github lançou essa atualização deve ter aí, por volta de 1 mês, mas ainda tem muita gente que não sabe como fazer e outros que gostariam de fazer um "algo a mais", como, por exemplo, mostrar os últimos posts escritos e coisas do gênero, então vamos aprender como faz isso.

## Versão em vídeo

Para quem quiser assistir a versão em vídeo desse post, segue aí:

<iframe width="560" height="315" src="https://www.youtube.com/embed/tGYyamj4gTA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## Sobre o Github Profile

O Github Profile, é aquela caixa de informações que aparece no perfil de algum usuário no Github, abaixo segue um print de como é o meu [perfil no Github](https://github.com/willianjusten).

![Foto da interface do Github com minha foto a esquerda e uma lista de informações a direita.](/assets/img/github-profile.png)

Existem de diferentes formas, algumas super criativas, outras mais simples, segue abaixo uma lista de alguns:

* [@sindresorhus](https://github.com/sindresorhus)
* [@ABSphreak](https://github.com/ABSphreak)
* [@AVS1508](https://github.com/AVS1508)
* [@afc163](https://github.com/afc163)

E se você quiser mais ideias, tem essa [lista cheia de inspirações](https://github.com/coderjojo/creative-profile-readme).

## Criando o repositório e configurando

Para poder criar esse perfil especial, basta que você crie um repositório com o mesmo nome do seu usuário, o meu por exemplo é [willianjusten/willianjusten](https://github.com/willianjusten/willianjusten), e no momento que você estiver criando o repositório, irá aparecer parecido com a imagem abaixo:

![Uma mensagem dizendo que você encontrou um segredo, que o repositório é um perfil especial.](/assets/img/github-profile-2.png)

Agora com o repositório criado, basta montar um arquivo `README.md` com as informações que você desejar, no meu caso, de início ficou:

```md
### <img src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width="30px"> Hello, I'm Willian!

💻 Software Engineer and Instructor at [Willian Justen Cursos](https://willianjusten.com.br/cursos) <br>
🏡 Brazilian, Based in Petrópolis, RJ - but most of the time traveling around the world 🌎

### You can find me on

📺 [Youtube](https://www.youtube.com/WillianJustenCursos/?sub_confirmation=1) <br>
🐦 [Twitter](https://twitter.com/Willian_justen) <br>
📷 [Unsplash](https://unsplash.com/@willianjusten) <br>
⚛️ [My site](https://willianjusten.com.br) <br>

```

## Criando a Github Action

Com o `README.md` feito acima, nós já teríamos algumas informações para o nosso profile, mas eu queria ir um pouco além e colocar uma lista com meus últimos posts aqui do blog e também os últimos vídeos lá do [meu YouTube](https://www.youtube.com/WillianJustenCursos/?sub_confirmation=1).

Para fazer isso, eu utilizei essa [Github Action](https://github.com/gautamkrishnar/blog-post-workflow), que busca dados baseados em feed RSS. Na documentação ele explica o passo-a-passo e mais alguns detalhes, e no meu ficou assim:

```yml
name: Latest blog post workflow
on:
  push:
  schedule:
    # Runs every hour
    - cron: "0 * * * *"

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: gautamkrishnar/blog-post-workflow@master
        with:
          comment_tag_name: BLOG
          feed_list: "https://willianjusten.com.br/feed.xml"

      - uses: gautamkrishnar/blog-post-workflow@master
        with:
          comment_tag_name: YOUTUBE
          feed_list: "https://www.youtube.com/feeds/videos.xml?channel_id=UCa12brLWzCqnxN0KOyjfmJQ"
```

Ali no `on` eu digo que quero que a action rode em todo `push` e também programo para rodar de hora em hora.

Depois eu defino as 2 `steps` do meu `job` principal, cada uma irá pegar as informações de um local. É importante notar, que eu utilizei o `comment_tag_name`, pois eu vou precisar desses nomes para a próxima etapa.

Ali na parte de blog, basta que você passe um link de feed válido, o meu no caso é o [feed.xml](https://willianjusten.com.br/feed.xml). E para o Youtube, é só passar modificando para o id do seu canal.

Com essa configuração feita, nós só precisamos editar o `README.md` para que a action saiba onde inserir os links:

```md
### 📕 Latest Blog Posts




### 📺 Latest Videos on YouTube



```

Repare que eu utilizo a regra de passar `COMMENT_TAG:START` e `COMMENT_TAG:END`, essa `comment_tag` é exatamente a que definimos lá na nossa action.

Depois disso, basta subir no Github e a action irá rodar para você e buscar as informações! =D

## Conclusão

Espero que tenham gostado dessa dica, é bem simples, mas vai permitir que você "sobressaia" com seu Github, sem contar que vai ajudar a divulgar alguns dos seus links de uma forma bem simples! =D

Como utilizar o Github Actions para manter seu profile atualizado e bonito.

Willian JustenSoftware Engineer

Introdução

E acabou!

Era difícil demais acertar 60, não vale!!!