Curso de Criando interfaces web com React.JS Completo
Novo!

Curso de

Criando interfaces web com React.JS Completo

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

VEJA UMA AULA DE EXEMPLO

6x R$ 24,98

R$ 149,90 à vista

  • 12h

    Curso com certificado de 12 horas

  • Escolha o dispositivo que preferir PC, Tablet ou Smartphone.

  • Satisfação garantida ou seu dinheiro de volta!

Adquira este curso de forma avulsa

Curso de Criando interfaces web com React.JS Completo

Criando interfaces web com React.JS Completo

6x R$ 24,98

R$ 149,90 à vista

Informações sobre o curso

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.

  1. Desenvolvimento web com HTML5 e CSS3 Básico
  2. JavaScript Básico
  3. JavaScript Intermediário
  4. JavaScript Avançado
  5. Node.js Completo

Carga horária do curso

2h24

Curso com 2h24 horas de vídeos

12h

Curso com certificado de 12 horas

21

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

  • Vídeo-aulas
  • Texto e imagens
  • Início imediato
  • Exemplos práticos
  • Testes de aprendizado

Satisfação garantida ou seu dinheiro de volta!

Adquira este curso agora mesmo

Curso de Criando interfaces web com React.JS Completo

Criando interfaces web com React.JS Completo

6x R$ 24,98

R$ 149,90 à vista

Conteúdo programático Baixar esta ementa

1 - Conhecendo o React

  1. Códigos, imagens, diagramas etc.

    Introdução
  2. Códigos, imagens, diagramas etc.

    Mas o que vem a ser de fato o React? Visualizar
  3. Códigos, imagens, diagramas etc.

    O que é DOM?
  4. Vídeoaula com duração de: 00:05:12

    O que é React? Visualizar
  5. Códigos, imagens, diagramas etc.

    Iniciando com o React
  6. 3 desafios.

    Exercícios

2 - JSX

  1. Códigos, imagens, diagramas etc.

    O que é JSX? Visualizar
  2. Códigos, imagens, diagramas etc.

    Misturando JSX e JavaScript
  3. Códigos, imagens, diagramas etc.

    HTML vs JSX
  4. Vídeoaula com duração de: 00:06:59

    Conhecendo o JSX Visualizar
  5. 3 desafios.

    Exercícios

3 - Configuração do Ambiente e Transpilação

  1. Códigos, imagens, diagramas etc.

    O que é Transpilação?
  2. Códigos, imagens, diagramas etc.

    As ferramentas necessárias
  3. Códigos, imagens, diagramas etc.

    Configuração do Ambiente
  4. Vídeoaula com duração de: 00:07:37

    Configurando o Ambiente
  5. Códigos, imagens, diagramas etc.

    Task webpack
  6. Códigos, imagens, diagramas etc.

    Task watch
  7. Códigos, imagens, diagramas etc.

    Task server
  8. Vídeoaula com duração de: 00:05:32

    Configuração do TypeScript
  9. Códigos, imagens, diagramas etc.

    Trabalhando com TypeScript
  10. Códigos, imagens, diagramas etc.

    Preparando o Ambiente com Create React App
  11. Vídeoaula com duração de: 00:02:51

    Iniciando um projeto automaticamente
  12. 3 desafios.

    Exercícios

4 - Componentes

  1. Códigos, imagens, diagramas etc.

    O que são Componentes?
  2. Vídeoaula com duração de: 00:10:15

    Criando um Componente Visualizar
  3. Códigos, imagens, diagramas etc.

    Nosso Primeiro Componente
  4. Códigos, imagens, diagramas etc.

    Ciclo de Vida dos Componentes
  5. Vídeoaula com duração de: 00:05:22

    Projeto: Criando componentes da aplicação
  6. 3 desafios.

    Exercícios

5 - Árvore de Componentes

  1. Códigos, imagens, diagramas etc.

    Criando um componente simples
  2. Códigos, imagens, diagramas etc.

    Componente dentro de Componente
  3. Vídeoaula com duração de: 00:05:50

    Iniciando um componente
  4. Vídeoaula com duração de: 00:08:25

    Criando componentes filhos
  5. Códigos, imagens, diagramas etc.

    Event Emitters
  6. Vídeoaula com duração de: 00:06:46

    Trabalhando com Eventos
  7. Códigos, imagens, diagramas etc.

    DevTools
  8. Códigos, imagens, diagramas etc.

    ToDo List
  9. Vídeoaula com duração de: 00:06:15

    Criando uma ToDo List
  10. Vídeoaula com duração de: 00:06:56

    Projeto: Criando um contêiner de componentes

6 - Animações

  1. Códigos, imagens, diagramas etc.

    TransitionGroup
  2. Vídeoaula com duração de: 00:04:56

    Animações com React
  3. 3 desafios.

    Exercícios

7 - Router e Views

  1. Códigos, imagens, diagramas etc.

    React Router
  2. Códigos, imagens, diagramas etc.

    Criando Outras Views
  3. Códigos, imagens, diagramas etc.

    Criando Links para as Views
  4. Códigos, imagens, diagramas etc.

    Criando Rotas
  5. Vídeoaula com duração de: 00:05:43

    Trabalhando com Rotas
  6. Códigos, imagens, diagramas etc.

    Parâmetros na URL
  7. Vídeoaula com duração de: 00:02:25

    Capturando Parâmetros da URL
  8. Vídeoaula com duração de: 00:08:21

    Projeto: Criando uma nova View
  9. 3 desafios.

    Exercícios

8 - Acessando API’s

  1. Vídeoaula com duração de: 00:19:16

    Projeto: Requisitando dados de uma API

9 - Testes com Jest

  1. Códigos, imagens, diagramas etc.

    Montando o ambiente de testes
  2. Vídeoaula com duração de: 00:05:22

    Configurando o Ambiente de Testes
  3. Códigos, imagens, diagramas etc.

    Criando um componente a ser testado
  4. Códigos, imagens, diagramas etc.

    Criando Testes
  5. Códigos, imagens, diagramas etc.

    Testes com Create React App
  6. Vídeoaula com duração de: 00:01:39

    Testes sem Configuração

10 - A Arquitetura FLUX

  1. Códigos, imagens, diagramas etc.

    O que é Flux?
  2. Vídeoaula com duração de: 00:10:23

    Configurando uma aplicação com FLUX
  3. Códigos, imagens, diagramas etc.

    ToDo List com FLUX
  4. Vídeoaula com duração de: 00:07:56

    Criando componentes em uma aplicação com FLUX
  5. 3 desafios.

    Exercícios

11 - Conclusão

  1. Depoimento / Brinde

Adquira este curso agora mesmo

Curso de Criando interfaces web com React.JS Completo

Criando interfaces web com React.JS Completo

6x R$ 24,98

R$ 149,90 à vista

Vantagens de estudar no Treinaweb

Início imediato! Não é necessário aguardar a formação de turmas.

Defina o horário que quiser e estude de onde estiver.

Após o curso, você ainda tem 2 anos para revisar o conteúdo.

Assim que finalizar, receba o certificado em casa, sem custo adicional.

Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.

Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Satisfação garantida ou seu dinheiro de volta.

h

Curso com certificado de horas

O que os alunos dizem?

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.

Adquira este curso de forma avulsa

Curso de Criando interfaces web com React.JS Completo

Criando interfaces web com React.JS Completo

6x R$ 24,98

R$ 149,90 à vista

ou acesse todos os cursos com um dos nossos planos de acesso total

20% OFF
1 ano
De 12x R$99
12x 79 reais
ou por R$ 948,00 à vista
  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
3 anos
De 12x R$199
12x 159 reais
ou por R$ 1.908,00 à vista
  • 3 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
5 anos
De 12x R$249
12x 199 reais
ou por R$ 2.388,00 à vista
  • 5 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se

Cursos relacionados