Faaaala deeev!!!
Com toda certeza você já deve ter escutado esta introdução em algum video no youtube. Estamos falando de <a href="https://twitter.com/dieegosfhttps://twitter.com/dieegosf">Diego Fernandes</a> CTO da <a href="https://rocketseat.com.br/">Rocketseat</a>.
Caso você não saiba do que estou falando (acho dificil), deixarei aqui o <a href="https://www.youtube.com/channel/UCSfwM5u0Kce6Cce8_S72olghttps://www.youtube.com/channel/UCSfwM5u0Kce6Cce8_S72olg">Canal do Rocketseat</a> (confira pois tem muuuuuito conteúdo de graça).
Se você esta lendo este post na semana que ele foi escrito (12 a 19 de janeiro de 2020), esta acontecendo a semana omnistack 10. Todos os dias serão disponibilizados videos com conteúdo sobre fullstack com JavaScript totalmente gratuido. Você aprenderá <a href="https://nodejs.org/en/https://nodejs.org/en/">nodejs</a> [Backend], <a href="https://reactjs.org/https://reactjs.org/">React</a> [Frontend] e <a href="https://facebook.github.io/react-native/https://facebook.github.io/react-native/">React-native</a> [Mobile].
Após essa semana será aberto a inscrição para o <a href="https://rocketseat.com.br/bootcamp">Bootcamp</a>.
<h3 id="mas-fala-logo-vale-a-pena"><a href="#mas-fala-logo-vale-a-pena" class="anchor">Mas fala logo, vale a pena?</a></h3>
Fui e ainda sou (plano vitalício) aluno da turma 7.0 [Setembro de 2019]. Mas antes de falar se vale a pena, vou contar minhas experiência.
<h4 id="comunidade-discord"><a href="#comunidade-discord" class="anchor">Comunidade Discord</a></h4>
Assim que você se inscreve, já pode entrar na comunidade do discord dos alunos. Por incrivel que parece é uma comunidade muito grande e altamente engajada. Sério, precisei colocar no mute pois não consigo acompanhar hehehe.
O melhor desta comunidade é que os canais são muito bem divididos e um ajuda o outro com as dúvidas. Além dos alunos, existem os Instrutores (que não são poucos) atentos as dúvidas, atentos mesmo! Por exemplo, um dia coloquei uma dúvida as 4 da manhã, meu objetivo era perguntar naquela hora para obter ajuda no próximo dia. E não é que um dos intrutores me respondeu na mesma hora?
<h4 id="lives"><a href="#lives" class="anchor">Lives</a></h4>
Quase todos os dias são feito lives com diversos temas. Diversos temas mesmo. Mas além dos temas relacionados a programação (javascript e etc), quero enfatizar as lives que não são diretamente sobre programação.
São as lives de Inglês e Mentoria.
<ul>
<li>Inglês</li>
</ul>
As lives de inglês é um bate-papo com uma professora de inglês dando varias dicas para aprimorar o inglês. Como disse, são lives quase todos os dias, então não vou estender sobre as de inglês pois foi uma das lives que deixei bastante de ver hehehe. Mas não por não serem boas, mas por falta de tempo.
<ul>
<li>Mentorias</li>
</ul>
Essas lives, na minha opinião, são as melhores. São mentorias sobre desenvolvimento pessoal. Sim, me ajudou muito em diversas coisas, como por exemplo, arrumar <a href="https://www.linkedin.com/in/douglas-porto/">meu linkedIn</a> para que seja mais visto. E não é que deu certo?
Recebia no mínimo 2 propostas de emprego por dia!
Hoje tenho postagens de 15k, 10k, 7k de visulizações.
<h4 id="certificado"><a href="#certificado" class="anchor">Certificado</a></h4>
Diferente dos concorrentes, a <a href="https://rocketseat.com.br/">Rocketseat</a> não dará o certificado apenas por você dar "play nos videos".
Durante mais ou menos 1 mês é disponibilizados os video das aulas. Junto são enviados alguns <code>.txt</code> que são os desafios. Após esse mês, você receberá a data para a entraga do código.
OMG!!! Entrega do Código???
Sim, é isso que diferencia eles dos concorrentes. Você terá um prazo para enviar o código com os desafios.
<blockquote>
Mas como assim desafios, códigos, ainda nao entendi!!??
</blockquote>
Calma, vou falar como foi o meu desafio.
Após assistir as aulas recebi o desafio que era desenvolver uma aplicação parecida com o <a href="https://www.meetup.com/pt-BR/">Meetup</a>, então criamos a MeetApp hehehe.
Neste desafio tinhamos tudo que precisava para desenvolver, as regras de negocios as tecnologias que poderia ser usadas, até mesmo um sketch para criarmos o frontend e mobile conforme desenhado.
Caso queira ver, este é meu projeto final <a href="https://github.com/douglasporto/meetapp-gostack">Github</a>.
<img src="/assets/img/posts/meetapp.png" alt="Meetapp" title="Meetapp">
Depois de enviar seu código basta aguardar ansiosamente pela nota e feedback.
<img src="/assets/img/posts/nota-bootcamp.jpeg" alt="Nota Bootcamp" title="Nota Bootcamp">
<h2 id="então-vale-a-pena"><a href="#ent%C3%A3o-vale-a-pena" class="anchor">Então vale a pena???</a></h2>
Em poucas palavras: depende!
O bootcamp é uma imersão muito forte e requer muita dedicação e tempo. Diversos amigos meus fizeram na mesma turma que eu e nem terminaram de ver as aulas. Por exemplo faltando uma semana para entrega do projeto eu acordava as 4 horas da manhã. E não pensa você que foi um sacrificio, pelo contrário, faria novamente!
Se você se inscrever e quiser ditar o seu ritmo, creio que vai perder o mais legal que é superar os limites em tão pouco tempo. A comunidade se ajudando, empurrando um ao outro. Assim como a tradução de <code>Rocket Seat</code> um assento de foguete, onde você deve estar preparado para ir muito longe!
Caso você não estaja com tempo, ou na "vibe" de estudos intensos, aconselho duas outras escolas online de programação.
<ul>
<li><a href="https://www.alura.com.br/">Alura</a></li>
<li><a href="https://www.schoolofnet.com/">Schoo of Net</a></li>
</ul>
Duas escolas excelentes tambem, porém com propostas um pouco diferente da <a href="https://rocketseat.com.br/">Rocketseat</a>.
Agora se você esta focado e afim de mudar sua vida profissional, vale sim cada centavo!
Mas e ai, você já fez alguma das Semana Omnistack?
Já participou de um <a href="https://rocketseat.com.br/bootcamp">Bootcamp</a> ??
Pensa em fazer? não? Vamos trocar uma ideia....


**Faaaala deeev!!!**

Olha eu voltando aqui depois de tanto tempo.

O último artigo que fiz foi justamente falando se vale ou não comprar o curso da[ Rocketseat](https://rocketseat.com.br/), você pode ver [clicando aqui](https://douglasporto.com.br/blog/bootcamp-rocketseat-vale-a-pena/)

O que eu não imaginava era que a [Rocketseat](https://rocketseat.com.br/) iria mudar tanto e irei falar aqui quais foram as mudanças no curso.

# Typescript.

Sim. Essa para mim foi a grande atualização do curso. Antes as aulas de ***back-end (node), front-end (React) e mobile (React-native)*** eram com javascript puro.

Porém nos últimos anos o ***[typescript](https://www.typescriptlang.org/)*** que era mais engajado pela comunidade do [Angular](https://angular.io/) ganhou muita notoriedade e espaço no 💜  dos devs.

A [Rocketseat](https://rocketseat.com.br/) vendo essa movimentação de todas as comunidade JS, não perdeu tempo e mudou todo seu curso. O que para mim foi um grande acerto!

# Nova comunidade.

Quando escrevi o [artigo sobre a rocketseat](https://douglasporto.com.br/blog/bootcamp-rocketseat-vale-a-pena/) a comunidade era um dos pontos que mais gostei. Era simples se engajar. Você matava suas dúvidas rapidamente.

O único problema era que por ser pelo [Discord](https://discord.com/) as perguntas se perdiam no meio.

Então surgiu a nova comunidade.

Uma feita pela própria [Rocketseat](https://rocketseat.com.br/). Num estilo [Stackoverflow](http://stackoverflow.com/) mas com a cara do nosso foguete favorito 🚀.

![comunidade-rocketseat](/assets/img/posts/captura-de-tela-2020-06-10-às-13.40.31.png "Comunidade Rocketseat")

Agora as perguntas não ficam "perdidas". E provavelmente sua dúvida já tenha sido uma dúvida de outro dev, agilizando ainda mais a resolução do seu problema.

# Método de avaliação.

Sabemos que antes você fazia os desafios e ia subindo para um repositório do [Github](https://github.com/). Após finalizar todos os desafios, você enviava esse repositório para a rocketseat e esperava a avaliação final.

Tudo foi mudado também. Vemos mais uma vez a coragem de mudar algo que estava dando certo e mais uma vez um acerto impressionante.

Agora para cada fase do curso, você terá um desafio, até ai tudo normal, nada mudou. Entretanto, agora você envia o repositório separadamente para cada desafio, diretamente na página do curso.

![avaliacao-rocketseat](/assets/img/posts/captura-de-tela-2020-06-10-às-13.41.39.png "Avaliação Rocketseat")

Se achou isso incrível, calma, o melhor esta por vir.

Foi criado um [Template no Github](https://help.github.com/en/github/creating-cloning-and-archiving-repositories/creating-a-template-repository) para cada desafio.

O que isso quer dizer?

Você ira clonar esse template e nele irá conter as partes necessárias para cumprir o desafio.

O que mais me impressionou foi que nesse template já uma pasta de testes unitários. Ou seja, você cumpri o desafio e para ter certeza que nada foi esquecido ou esta com erro, você roda o comando `yarn test`e *voilà.*

Incrível não?

# Conclusão.

A [Rocketseat](https://rocketseat.com.br/) hoje é uma das, senão a principal, cursos online por não ter medo de inovar. Mesmo algo que esteja dando certo, ela não para de tentar melhorar. Com ela não tem essa de *"time que esta ganhando não se mexe"*.

Ela inovou e melhorou ainda mais o curso. Deixando mais completo e atual ao mercado.

Deixando o nome Rocketseat realmente como referencia total ao curso. Você embarca num foguete nem o céu é o limite 🚀.


Bootcamp Rocketseat, vale a pena? Part-2

O famoso curso bootcamp da Rocketseat deu uma repaginada e agora realmente vale o valor?


Antes de explicar e demonstrar o poderoso automatizador de tarefas, **[Gulp](https://gulpjs.com/)**, preciso explicar o que é um automatizador de tarefas.

### O que é Automatizadores de Tarefas?

Existem alguns processos (tarefas) de desenvolvimento que se torna repetitivo e chato ter que fazer sempre, por exemplo, no [Stylus](http://stylus-lang.com/).
Caso não saiba eu espero você ler este meu artigo [Colocando Stylus no seu site](http://douglasporto.com.br/colocando-stylus-no-seu-site/).

Pronto? Leu? Legal, agora que viu e sabe sobre o [Stylus](http://stylus-lang.com/), imagina ter que rodar isso toda vez. Depois disso você quiser que todo esse **_CSS_** fique minificado.

Caso você tenha 10 tarefas como o pre-processador Stylus, vai ter que rodar 10 comados diferentes em seu terminal?

Se até agora fazia isso, pare agora.

### GULP

Temos diversos outros, como [GRUNT](https://gruntjs.com/), seu principal concorrente. Porém quero apenas falar e demonstrar o **[Gulp](https://gulpjs.com/)**.

> gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something ([Doc Gulp](https://gulpjs.com/)).

#### Instalação

O **[Gulp](https://gulpjs.com/)** roda em **[Nodejs](https://nodejs.org/en/)**, então sim, você terá que ter ele em sua maquina.

Para instalação do Gulp vamos rodar o famoso comando **NPM**

```bash
npm install -g gulp
```

Se já conhece um pouco de **[Nodejs](https://nodejs.org/en/)**, perceberá que o rodamos com o `-g`, ou seja, instalamos o **[Gulp](https://gulpjs.com/)** globalmente.

Rode o comando para ter certeza que o gulp foi instalado

```bash
gulp -v
```

Caso não mostre a versão, significa que não intalou, então tente instalar com `sudo`.

#### Iniciando nosso projeto

```bash
|projeto/
|--src/
|----source.js
|--stylus/
|----main.styl
|--Gulpfile.js
```

**Agora vamos começar.** Rode em seu terminal o comando `npm init`.

Será solicitado algumas informações, você pode inserir como preferir:

```bash
package-name: gulp_learning
version: 1.0.0
description: To learning Gulp
entry point: index.js
test comand: _(enter)_
git repository: _(enter)_
keywords: gulp, es5, es6, stylus
Author: Douglas Porto
license: ISC
```

Agora temos um `package.json` assim:

```javascript
{
  "name": "gulp_learning",
  "version": "1.0.0",
  "description": "To learning Gulp",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "gulp",
    "es5",
    "es6",
    "stylus"
  ],
  "author": "Douglas Porto",
  "license": "ISC"
}
```

#### Instalando plugins

Vamos utilizar o **NPM** mais uma vez rodando o comando:

```bash
npm install @babel/core @babel/preset-env gulp-stylus --save-dev
```

Agora inclua o programa `.babelrc` e dentro dele faça:

```js
{
  "presets": ["@babel/preset-env"]
}
```

#### Começando a brincadeira

Agora sim podemos começar a brincar com o **[Gulp](https://gulpjs.com/)**

Antes de tudo no arquivo `gulpfile.js` precisamos incluir o gulp.

```javascript
var gulp = require("gulp")
```

A váriavel `gulp` comtém o objeto com as funções necessárias para podermos confirgurar nossas tarefas _**(task)**_.

Chamaremos então uma função que esta no objeto, chamada **task**.
Está função recebe 2 parametros, 1º o nome da tarefa, o 2º uma função.

```javascript
var gulp = require("gulp")

gulp.task("teste", function() {
  console.log("Gulp Funcionando")
})
```

Rode em seu terminal `gulp teste`.

Você receberá 3 informações:

- [Hora] Starting 'teste' (Informação da hora e nome da task iniciada)
- Gulp Funcionando (console.log da função)
- [Hora] Finished 'teste' (Informação da hora e nome da task finalizada)

#### ES6 para ES5

Importe o **babel** para as configurações do **[Gulp](https://gulpjs.com/)**

```javascript
var babel = require("gulp-babel")
```

Na função do nosso **task** `teste` vamos colocar a seguinte sintexe:

```javascript
gulp.task("teste", function() {
  return gulp
    .src("./src/index.js") // Arquivo(s) que será lido
    .pipe(babel({ presets: ["@babel/preset-env"] })) //Plugin babel para a compilação do ES6
    .pipe(gulp.dest("dist")) // Destino para qual irá o arquivo após compilado
})
```

**Vamos testar se funciona.**

No arquivo `./src/index.js` vamos escrever uma arrow function do _ES6_

```javascript
var a = b => b
```

Rode o `gulp teste` e veja a mágica acontecer rs.

```javascript
var a = function(b) {
  return b
}
```

Agora só para organizarmos melhor nosso projeto, vamos trocar o nome da task `teste` para `es5`

#### Copilando CSS com Stylus

Vamos criar uma nova task com nome de _stylus_.
Assim como na _**task**_ anterior, devemos passar o caminho que deve obeservar, a função que deve executar e por fim o caminho destino.

```javascript
gulp.task("stylus", function() {
  return gulp
    .src("./css/style.styl")
    .pipe(stylus())
    .pipe(gulp.dest("./dist/css/"))
})
```

No nosso `./css/style.styl` vamos deixar desta forma para teste.

```css
.container {
  .row {
    div {
      background: black;
    }
  }
}
```

Agora rodamos o `gulp stylus` e temos:

```css
.container .row div {
  background: #000;
}
```

#### Watch e Default

Imagina que saco ter que digitar no terminal toda vez `gulp es5` depois `gulp stylus`. Que automatizador de tarefas é esse?

Para isso que existe o default, veja:

```javascript
gulp.task("default", ["es5", "stylus"])
```

Rode apenas `gulp` e _voilà_.

Porém, toda alteração que executar no seus códigos terá que rodar `gulp`?

O **watch** fica observando os programas e assim que salva-los, ele executará a tarefa definida, veja:

```javascript
gulp.task("watch", function() {
  gulp.watch("./src/index.js", ["es5"])
  gulp.watch("./css/style.styl", ["stylus"])
})
```

Rode `gulp watch` e teste.

**_Incrível_** não? Agora junte o **Default** com o **Watch** e pronto.

```javascript
gulp.task("default", ["es5", "stylus", "watch"])
```

Agora ao rodar `gulp` ele fará o es5, depois o stylus e começará a observar com o watch.

Bom, é isso ai galera. Este foi um exemplo muito simples de como funciona o **[Gulp](https://gulpjs.com/)**.



Conhecendo Gulp

Conheça o mundo dos automatizador de tarefas Gulp.

Bootcamp Rocketseat, vale a pena?

O famoso curso bootcamp da Rocketseat realmente vale o valor?