Logo do GoStack com bordas verdes ao redor

Acelere
sua carreira.

Treinamento online de 8 semanas com foco em Node.js + ReactJS + React Native

As matrículas serão
abertas em breve.

O que esperar do GoStack

  • Lorena Góes

  • Diego Machado

  • Laura Beatris

  • Giovanna Badaró

  • Caio Fernando

  • Marcos Mathias

  • Mateus Louback

  • Maria Clara Souza

  • Lucas Lopes

  • Eduardo Spada

  • Filipe Boechat

  • Fu Chien

Quem é o piloto?

Quem é o piloto?

Diego Fernandes

CTO na Rocketseat

Programador há 10 anos e apaixonado pelas melhores tecnologias de desenvolvimento back-end, front-end e mobile, vai ser o responsável por guiar os devs através do ecossistema da OmniStack.

Conteúdo do GoStack

01

01

Conceitos importantes

Nesse módulo iremos conhecer os primeiros conceitos do Node.js, ReactJS e React Native aplicá-los na construção da nossa primeira aplicação integrando as 3 ferramentas. Vamos também aprender os primeiros conceitos de TypeScript e aplicar nos projetos desenvolvidos.

Ferramentas:
TypeScript, Insomnia, Babel, Webpack, Axios, SDK, Docker, entre outras.

02

02

Primeiro projeto com Node.js

Nesse módulo vamos aprender a configurar um projeto do total zero utilizando Node.js e TypeScript. Aprenderemos técnicas para debugar e entender os erros que acontecem no nosso código.

Ferramentas:
Express, ts-node-dev, ESLint, Prettier, EditorConfig, entre outras.

03

03

Iniciando back-end do GoBarber

Nessa etapa vamos continuar os aprendizados de Node.js aproveitando o projeto desenvolvido no módulo anterior para começar a trabalhar com conceitos de banco de dados, autenticação, autorização, entre outros.

Ferramentas:
TypeORM, PostgreSQL, JWT, Multer, S3, Sentry, entre outras.

04

04

Primeiro projeto ReactJS

Dando uma pausa ao Node.js, iremos criar nosso primeiro projeto ReactJS já utilizando TypeScript. Iremos construir um projeto conectando à API do GitHub armazenando informações de perfis de usuários na rede.

Ferramentas:
TypeScript, create-react-app, EditorConfig, ESLint, Prettier, Reactotron, Styled Components, React Router DOM, entre outras.

05

05

Iniciando front-end do GoBarber

Durante esse módulo daremos início na criação da versão web da aplicação GoBarber que será utilizada pelos prestadores de serviço da aplicação para visualizar os agendamentos e selecionar o horário de atendimento.

Ferramentas:
React Router DOM, Styled Components, Unform, Yup, Context API, Axios, entre outras.

06

06

Iniciando aplicativo mobile do GoBarber

Hora de estender nosso conhecimento para o mobile! Nessa fase daremos início ao desenvolvimento do aplicativo mobile para iOS e Android do GoBarber que será utilizado para agendamento de serviços com os prestadores de serviço da aplicação.

Ferramentas:
React Navigation, Styled Components, Unform, Yup, Context API, Axios, entre outras.

07

07

Arquitetura e testes no Node.js

Nessa etapa, continuaremos o projeto iniciado anteriormente adicionando pontos cruciais de arquitetura, design patterns e testes automatizados. Durante as aulas iremos reformular toda estrutura de pastas do projeto aplicando conceitos do SOLID e injeção de dependência para isolar o comportamento dos módulos da aplicação.

Ferramentas:
DDD, SOLID, tsyringe, Jest, Faker, Supertest, entre outras.

08

08

Finalizando back-end do GoBarber

Durante esse módulo iremos aprender conceitos mais complexos do back-end da aplicação como relacionamentos complexos, trabalhos em segundo plano, cache, bancos de dados não-relacionais e segurança. Até o fim das aulas finalizaremos a aplicação GoBarber criando toda estrutura necessária para finalizar as aplicações web e mobile que dependem desse back-end.

Ferramentas:
Redis, MongoDB, Nodemailer, Sentry, Amazon SES, Socket.io, entre outras.

09

09

Finalizando front-end do GoBarber

Nessa etapa continuaremos o desenvolvimento do front-end web da aplicação GoBarber criando as telas e funções que os prestadores de serviço utilizarão para consultar sua agenda e disponibilidade.

Ferramentas:
Suspense API, React Lazy, Socket.io-client, entre outras.

10

10

Finalizando app mobile do GoBarber

Durante essas aulas, continuaremos o aplicativo mobile com React Native do GoBarber que será utilizado pelos clientes para agendar serviços com os prestadores.

Ferramentas:
Push Notifications, Offline First, WatermelonDB, entre outras.

11

11

Testes no ReactJS & React Native

O front-end também precisa testes. Nesse módulo, conheceremos as principais ferramentas do ecossistema do React para testar nossas aplicações a fim de garantir que o usuário tenha a mesma experiência com a parte visual da aplicação independente de quantas funcionalidades sejam adicionadas.

Ferramentas:
React Testing Library, Jest, Cypress, Detox, entre outras.

12

12

Deploy de aplicações Node.js

Hora de lançar! Com nossa aplicação pronta, podemos partir para sua publicação a fim disponibilizar nossa API em um endereço público acessível pelos apps front-end e mobile. Aqui também aprenderemos sobre integração contínua e deploy contínuo.

Ferramentas:
Github Actions, Digital Ocean, Google Cloud Platform, entre outras.

13

13

Deploy de aplicações ReactJS

O front-end web da aplicação não precisa utilizar dos mesmos recursos que o back-end e por isso as estratégias de deploy também mudam. Entenderemos as melhores opções para enviar nosso app à produção.

Ferramentas:
Github Actions, Netlify, Google Cloud Platform, entre outras.

14

14

Publicação de apps React Native

Com o app pronto, nesse módulo aprenderemos a enviar a aplicação para Android à Google Play Store e o app iOS para Apple Store para disponibilizarmos nossa aplicação para o mundo.

Ferramentas:
Apple Store, Google Play, Microsoft App Center, CodePush, entre outras.

Bônus exclusivos

Atualização dos conteúdos

Você vai ter acesso a todas as atualizações de conteúdo do GoStack que forem incluídas em turmas futuras.

Grupo exclusivo de alunos

Acelere ao máximo a sua evolução e fortaleça seu networking junto com centenas de outros alunos.

Mentoria de carreira

Descubra como se preparar para as melhores oportunidades e se tornar um programador desejado no mercado.

Suporte exclusivo

Garanta que você está indo na direção certa tirando todas as suas dúvidas com o nosso time e outros alunos através do fôrum.

Flexbox

Domine a forma mais recente de posicionamento de elementos em tela utilizando FlexBox no CSS.

Redux

Já ouviu falar do Redux? Aprenda todos os mistérios e descubra como gerenciar o estado global da sua aplicação React.

Next.js

Leve suas aplicações React para o próximo nível com um framework extremamente poderoso que inclui SSR, SSG, ISR e mais.

Perguntas e respostas
mais frequentes

Se ainda tiver qualquer dúvida, pode falar sempre com a gente ou no email oi@rocketseat.com.br