Domine a tecnologia que está fazendo desenvolvedores dobrarem seus salários!

  • Acesso vitalício
  • Conteúdo bônus 
  • Garantia de 15 dias
  • Suporte total online
  • Futuras atualizações 

De R$1485,00 por apenas

12x de R$67,91

ou R$ 697,00 à vista (com desconto)

Crie aplicações profissionais em ReactJS e REACT NATIVE em Apenas 45 dias

No DevReactJS, você vai do zero à entrega aplicações profissionais em React. As aulas trazem toda a experiência do instrutor, que utiliza ReactJS e React Native diariamente em projetos dentro e fora do Brasil.

Por meio de uma metodologia que já formou centenas de desenvolvedores, você aprenderá na prática, de forma descomplicada, e estará apto para disputar as melhores vagas de emprego nas diversas empresas nacionais e estrangeiras que utilizam ReactJS em seus projetos.
 
Utilizando o Firebase, iremos criar projetos ricos com atualizações instantâneas, sem precisar programar nada no servidor. Ideal para você colocar aquela ideia de aplicativo para rodar em pouquíssimo tempo.

POR QUE APRENDER REACT?

O ReactJS vem ganhando cada vez mais espaço no mercado de tecnologia. Atualmente diversas empresas estão com vagas que pagam altos salários para profissionais que dominam essa biblioteca. Confira algumas delas

*Algumas vagas são para trabalho remoto, outras oferecem pagamento dos custos de migração.

QUEM SERÁ O SEU INSTRUTOR?

Tulio Faria é mestre em Sistemas de Informação pela USP e criador do DevPleno. Iniciou sua carreira como professor ainda jovem, com apenas 18 anos em um curso técnico; depois disso, foram 11 anos em sala de aula formando desenvolvedores fullstack no sul de Minas Gerais. 

Atualmente lidera a empresa We Dev Ideas e também faz parte da Toptal, empresa de recrutamento que tem como premissa reunir apenas 3% dos melhores desenvolvedores do mundo. 

Em 2017, resolveu se dedicar ainda mais ao projeto que sonhou por anos, o DevPleno, cujo objetivo é fazer com que profissionais de tecnologia alcancem sucesso em suas carreiras por meio de conteúdo de qualidade.

DEPOIMENTOS DOS ALUNOS

O QUE ESTÃO DIZENDO SOBRE NÓS

ALGUNS dos PROJETOS PRÁTICOS que desenvolveremos juntos

CalisTimer

O CalisTimer é um aplicativo desenhado, programado e publicado para as lojas durante as aulas. Nele exploramos o levantamento das funcionalidades, a busca de inspirações para projetar as interfaces e criar as telas. A partir deste planejamento, desenvolvemos o projeto utilizando React Native.

Algumas funcionalidades específicas que exploramos: trabalhamos com o projeto com código nativo (também conhecido como projeto “ejetado” ou sem utilizar o expo.io). 

Além disso, também exploramos: 

  • Criação de componentes reutilizáveis;
  • SplashScreen/LaunchScreen personalizada;
  • Evitar que a tela do celular desligue durante a utilização do app;
  • Animações;
  • Fontes customizadas;
  • Navegação;
  • Reprodução de sons;
  • Publicação na PlayStore e na AppStore (com templates para auxiliá-lo a criar as imagens necessárias para isso).

DevRunning

O DevRunning é uma aplicação web onde exploramos ao máximo organização de código e funcionalidades presentes em aplicações de qualidade. É importante notar que a experiência que desenvolvemos durante este projeto pode ser utilizada em qualquer projeto do ecossistema ReactJS, como por exemplo, em projetos React Native.

Um projeto prático para você levar sua experiência em ReactJS para o próximo nível!

O que exploramos neste projeto: 

  • Autenticação e autorização;
  • JWT (JSON Web Token);
  • Localização (l18n);
  • Redux;
  • Redux-Sagas;
  • ReduxSauce;
  • Consumo de dados por RestAPI;
  • Organização de projeto;
  • Navegação e navegação por tipo de usuário; 
  • Autenticação de diferentes tipos de usuário. 

O QUE VOCÊ IRÁ APRENDER

Preparando o ambiente

  • Preparando seu ambiente (Windows)
  • Dica adicional para Windows – Cmder
  • Preparando seu ambiente (Mac OS)
  • Preparando seu ambiente (Linux/Ubuntu)
  • Instalando a extensão do React DevTools no Chrome/Firefox
  • Configurando o VSCode para reconhecer ES6/ES7/JSX

Introdução ao ReactJS

  • Conceitos iniciais – Parte 1
  • Conceitos iniciais – Parte 2
  • O que realmente é o React por trás do JSX?
  • Primeiro Projeto

1º Projeto Web: Sistema de comentários

  • Criando o projeto, setState, spread operator, renderizando uma lista de componentes
  • Componentizando com Props
  • Integrando ao Firebase
  • Functional Stateless Components e boas praticas
  • Testes unitários com Enzyme
  • Testando o componente Comments com Shallow Rendering
  • Testando o NewComment
  • Injeção de Dependências
  • Testando o envio de comentários
  • Finalizando os testes no aplicativo
  • Publicando o projeto no Firebase Hosting

1º Projeto em React Native: Meu IP

  • Introdução
  • Instalando o Genymotion com Google Apps
  • Primeiro Projeto – MeuIP
  • Layouts e Flexbox
  • Projeto – Praticando Flexbox – Calculadora
  • Projeto – Praticando Flexbox – Calculadora – Parte 2
  • Código Fonte

Adicionando autenticação e mais funcionalidades ao 1° Projeto

  • Adicionando autenticação
  • Mostrar usuário autenticado
  • Mostrando erros de autenticação
  • Criando uma conta nova
  • Melhorando o layout com bootstrap no projeto

2º Projeto Web: Gerenciador de produtos

  • O que iremos construir? Navegação em SPAs
  • Preparando o projeto
  • Estrutura Inicial
  • Configurando a Primeira Rota
  • A rota produtos
  • Mapeando Categorias e usando os parâmetros da URL
  • Recuperando os parâmetros/valores da URL
  • Carregando os dados de categorias do servidor
  • Carregando os dados de produtos do servidor
  • Criando categorias
  • Removendo categorias
  • Organizando a API
  • Organizando o código
  • Editando Categorias
  • Criando produtos
  • Redirecionamento entre rotas
  • Organizando o projeto (Componente Categoria)
  • Removendo Produtos
  • Editando produtos
  • Código Fonte

2° Projeto em React Native: CalisTimer

  • Especificações e referências visuais
  • Criando a primeira tela no Figma 
  • Criando o projeto e adicionando fontes customizadas
  • Adicionando navegação com React-navigation
  • Criando a tela principal e o primeiro componente (Button)
  • Criando a tela EMOM (funcionalidade) e Componente Select
  • Componente Select (parte 2)
  • Entrada de texto com TextInput e tratamento do teclado virtual
  • Corrigindo o teclado virtual
  • Ajustes finos
  • Rodando o EMOM
  • Criando componentes ProgressBar e BackgroundProgress
  • Reproduzindo sons e criando o alerta
  • Adicionando animações ao ProgressBar
  • Adicionando animação ao BackgroundProgress
  • Finalizando o EMOM
  • Projetando o protocolo Isometria
  • Implementando a tela de Isometria
  • Ajustes na tela Isometria (parte 1)
  • Refinando a tela Isometria, botão voltar e reiniciar
  • Finalizando a tela Isometria
  • Projetando a tela AMRAP
  • Rodando o AMRAP
  • Ajustes gerais no EMOM e Isometria
  • Evitando que a tela desligue (adicionando o módulo react-native-keep-awake)
  • Adicionando tela Sobre
  • Ajustes entre IOS e Android (escrevendo códigos específicos por plataforma)
  • Gerando o keystore e assinando o APK para publicação na PlayStore

Git

  • Introdução ao Git
  • Iniciando um repositório e fazendo push para o GitHub
  • Git pull e checkout (como recuperar um arquivo)
  • Corrigindo conflitos
  • Git clone
  • Adicionando todos os arquivos e ignorando (.gitignore)

Ciclo de vida de um componente em ReactJS

  • Introdução – Mounting, Updating e Unmounting
  • Métodos
  • O método componentDidUpdate e carregando dados quando a navegação mudou
  • O método getSnapshotBeforeUpdate

Tópicos avançados

  • High-Order Component (HOC)
  • HOC – passando props
  • Render Props
  • Render Props – para re-uso de código
  • Prop Drilling
  • Context API / New Context API
  • Portals

Testando e documentando seus componentes com Storybook

  • Configurando o Storybook no projeto
  • Decorators e carregando stories dinamicamente
  • Gerando o storybook estático e hospedando no Github Pages

Projeto Prático: DevRunning

  • Introdução
  • JWT Basics
  • JWT Enviando cabeçalho ao endpoint
  • Adicionando Reducers Sagas Reduxsauce
  • Routes com sub routes
  • Login controle auth
  • Loading runs
  • Semantic ui conteúdo
  • Logout Dropdown Menu
  • Componentes de Data, Duração e Distância
  • Formatando unidade de tempos e medidas
  • Alterando Senhas com sucessos e mensagens de erro
  • Adicionando logos
  • Criando Conta
  • Criando Corridas com Date Picker
  • Removendo corridas e removendo warnings
  • Alterando usuários admin e corridas em admin
  • Listagem de usuários e removendo usuário
  • Editando Usuário
  • Organizando injeção de dependência

Novos conteúdos são adicionados frequentemente

CONTEÚDO BÔNUS

REDUX – O PRÓXIMO NÍVEL

Neste curso, você aprenderá a organizar ainda mais sua aplicação utilizando o Redux como forma de controle/organização do estado da aplicação. Com isso sua aplicação ganha em qualidade e estabilidade. Este curso é completo e fará você usar o Redux em sistemas reais, com objetivos reais.

R$197,00  GRÁTIS

Continous Integration/Continuous Deployment

Neste curso, você vai descobrir como adicionar ainda mais qualidade ao seu projeto com processo de integração contínua e entrega contínua.

R$197,00  GRÁTIS

VAGAS PARA PROGRAMADOR

Neste treinamento, dou dicas de onde e como você pode conquistar as melhores vagas de emprego na área de tecnologia e como se preparar para as entrevistas.

R$97,00  GRÁTIS

HANDS-ON REACTJS E HANDS-ON rEACT nATIVE

Todas as edições do Hands-on ReactJS  e do Hands-on React Nativepara você rever quantas vezes quiser e colocar a mão na massa para criar os projetos práticos. 

CAMISETA EXCLUSIVA 

Todo aluno DevReactJS recebe uma camiseta exclusiva do treinamento*. Alguns dias após a sua inscrição, você receberá um e-mail com as instruções para receber seu presente.

*Válido somente para alunos residentes no Brasil. 

SUPORTE TOTAL

Durante todo o curso, você conta com suporte total online para tirar suas dúvidas. Tudo para garantir que você realmente aprenda com qualidade.

ACESSO ÀS ATUALIZAÇÕES

A cada nova turma, o curso é enriquecido com novos conteúdos, além de bônus especiais. Você terá acesso totalmente gratuito a todas as futuras atualizações. 

Se em 15 dias aplicando os ensinamentos do curso, você não alcançar resultados esperados, devolverei 100% do seu investimento. O risco é todo meu!

VALOR DO INVESTIMENTO

12x R$ 67
,91
ou R$ 697 à vista
  • Acesso Vitalício
  • Conteúdo Bônus
  • Garantia de 15 dias
  • Suporte Total Online
  • Futuras Atualizações

PERGUNTAS FREQUENTES

Não. No curso, você aprenderá ReactJS do zero até a entrega de uma aplicação completa e profissional, mesmo que nunca tenha tido contato com a biblioteca. 

As aulas são em formato de vídeos e disponibilizadas na nossa área de alunos. Você poderá acessar quando e onde quiser.

Ao todo são cerca de 30 horas de conteúdo.

Ao se matricular, você terá acesso VITALÍCIO. Poderá ver e rever as aulas sempre que quiser.

Você poderá efetuar o pagamento pelo cartão de crédito, débito ou por boleto bancário. É possível parcelar com até dois cartões de crédito diferentes. 

Sim! Você terá suporte total online para esclarecer suas dúvidas. Basta entrar em contato por e-mail ou WhatsApp.

Assim que o pagamento for aprovado, você receberá o link para acessar a área de alunos e já poderá assistir às aulas. Novas aulas são acrescentadas frequentemente. 

Sim! Você tem 15 DIAS de garantia. Nesse período, se por algum motivo não quiser mais fazer o curso, receberá de volta 100% do seu investimento. 

DÚVIDAS? ENTRE EM CONTATO

email: contato@devpleno.com

WhatsApp: 35 999 090 011

Copyright © 2019 Devpleno. Todos os direitos reservados. Um produto We Dev Ideas / CNPJ: 06.189.599/0001-30

Política de Privacidade   Termos de Uso   Aviso Legal