Você sabia que ao assinar um plano você terá acesso a TODOS os cursos do portal?
São mais de 4.000 horas de conteúdo, distribuídos em mais de 350 cursos completos!

Curso de React.JS - Criação de interfaces web

Aprenda a criar componentes reutilizáveis para suas interfaces Web com o React

Veja uma aula de exemplo

Plano de acesso Anual

economize R$480
de 12x de R$97
por: 12x de R$57
ou R$ 684,00 à vista
  • 1 ano de acesso a todos os cursos da plataforma e muito mais!

Plano de acesso Mensal

Recorrente e sem fidelidade
por apenas
R$97/mês
Pagamento recorrente no boleto
ou cartão de crédito
  • 30 dias de acesso a todos os cursos da plataforma e muito mais!
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

Sobre o curso

Já pensou se fosse possível criar componentes HTML próprios, que pudessem até mesmo interagir com o usuário? Já pensou se estes componentes pudessem ser reutilizados em todos os seus outros projetos Web? Pois isso agora é possível com o React! O React é uma biblioteca JavaScript criada pelo Facebook. Ela é baseada no conceito de componentização: você cria componentes visuais e os utiliza em conjunto com seu HTML. A ideia é que estes componentes criados também sejam reutilizados em quaisquer outros projetos. Você também não precisará se preocupar com a performance de aplicações baseadas no React: com seu DOM virtual, sua velocidade é muito satisfatória, o que permite empregá-lo em quaisquer tipos de projetos Web. A integração com o JSX faz com que seja muito rápido e fácil criar componentes com o React. O próprio Facebook e Instagram usam o React.

Conhecimentos adquiridos

Nesse curso mostraremos tudo o que você precisa aprender para desenvolver modernas aplicações web baseadas em componentes com React de maneira rápida e eficiente. Dentre várias outras coisas, você aprenderá os tópicos abaixo: - Estrutura básica de uma aplicação com React; - Criar componentes reutilizáveis; - Fazer requisições a uma API Web, criando uma PokéDex; - Automação de testes com Jest; - Como funciona a arquitetura FLUX; - Criação de Animações; - Criar aplicações com múltiplas Views.

Para quem é esse curso?

Esse curso é destinado a desenvolvedores que desejam criar componentes visuais que possam ser reutilizados em várias aplicações web, melhorando o desempenho de suas aplicações e aprender um pouco sobre a arquitetura FLUX.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

  • Curso com 2h24 horas de vídeos
  • Curso com certificado de 12 horas
  • Curso com 21 exercícios de fixação
Ambiente do Curso
React.JS v15.5.4 ou superior
Node.js 7.10.0 ou superior
Sublime Text 3.0.0 ou superior
Metodologia
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado
Baixar esta ementa

1 - Conhecendo o React
Introdução
Mas o que vem a ser de fato o React? Visualizar
O que é DOM?
O que é React? Visualizar
Iniciando com o React
Exercícios
2 - JSX
O que é JSX? Visualizar
Misturando JSX e JavaScript
HTML vs JSX
Conhecendo o JSX Visualizar
Exercícios
3 - Configuração do Ambiente e Transpilação
O que é Transpilação?
As ferramentas necessárias
Configuração do Ambiente
Configurando o Ambiente
Task webpack
Task watch
Task server
Configuração do TypeScript
Trabalhando com TypeScript
Preparando o Ambiente com Create React App
Iniciando um projeto automaticamente
Exercícios
4 - Componentes
O que são Componentes?
Criando um Componente Visualizar
Nosso Primeiro Componente
Ciclo de Vida dos Componentes
Projeto: Criando componentes da aplicação
Exercícios
5 - Árvore de Componentes
Criando um componente simples
Componente dentro de Componente
Iniciando um componente
Criando componentes filhos
Event Emitters
Trabalhando com Eventos
DevTools
ToDo List
Criando uma ToDo List
Projeto: Criando um contêiner de componentes
6 - Animações
TransitionGroup
Animações com React
Exercícios
7 - Router e Views
React Router
Criando Outras Views
Criando Links para as Views
Criando Rotas
Trabalhando com Rotas
Parâmetros na URL
Capturando Parâmetros da URL
Projeto: Criando uma nova View
Exercícios
8 - Acessando API’s
Projeto: Requisitando dados de uma API
9 - Testes com Jest
Montando o ambiente de testes
Configurando o Ambiente de Testes
Criando um componente a ser testado
Criando Testes
Testes com Create React App
Testes sem Configuração
10 - A Arquitetura FLUX
O que é Flux?
Configurando uma aplicação com FLUX
ToDo List com FLUX
Criando componentes em uma aplicação com FLUX
Exercícios
11 - Conclusão
Depoimento / Brinde

Conheça nossos
planos de acesso!

Plano de acesso Anual

economize R$480
de 12x de R$97
por: 12x de R$57
ou R$ 684,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Plano de acesso Mensal

Recorrente e sem fidelidade
por apenas
R$97/mês
Pagamento recorrente no boleto
ou cartão de crédito
  • 30 dias de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Resultados de quem
já é nosso aluno!

  • O curso é ótimo, neste ambiente já consagrada e muito bem elaborada da TreinaWeb e, o mais importante, o conteúdo e a forma como o mesmo é passado ao aluno tem o padrão de excelência TreinaWeb! Recomendo muito!!! Carlos Alberto (Rio de Janeiro - RJ) React.JS - Criação de interfaces web
    Carlos Alberto
  • Parabéns! É meu primeiro contato com a TreinaWeb e de fato gostei muito do curso. Eu já sabia um pouquinho sobre o react, mas agora as coisas ficaram bem mais claras para mim. Os vídeos são muito bem editados, direto ao ponto e sem enrolação. Muito bom! E mais uma vez parabéns pelo excelente trabalho! Roger Albino (Mogi Guaçu - SP) React.JS - Criação de interfaces web
    Roger Albino
  • Eu achei o curso bem abrangente e explicativo, gostaria agora que criassem um mais avançado, usando o React em combinação com o Redux. Abraço. Bruno Testahy (Niterói - RJ) React.JS - Criação de interfaces web
    Bruno Testahy
  • Bom curso, fácil de entender e realizar os exercícios junto com o vídeo ajudam muito a aprender na prática. Gostei muito dos vídeos acelerados e com uma explicação posterior. Show! Marcelo Vinicius (Caxias do Sul - RS) React.JS - Criação de interfaces web
    Marcelo Vinicius
  • É um ótimo curso, bem explicativo e detalhado juntamente com uma boa navegabilidade do ambiente de ensino. Joao Fernando (Palmitos - SC) React.JS - Criação de interfaces web
    Joao Fernando
  • Gostei do curso, quando tive alguma dúvida fui muito bem atendido e consegui aprender bem os conceitos do react. Recomendo! Maycon Alexandre (capivari de baixo - SC) React.JS - Criação de interfaces web
    Maycon Alexandre

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!
  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.
  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos onlines de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.

Últimos Lançamentos

Mais Acessados