Imagem do Curso gratuito Test-Driven Development React

Curso online gratuitoTest-Driven Development React

Duração do curso online: 3 horas e 1 minutos

Novo

Curso gratuito de TDD em React: aprenda a escrever testes com Jest e Cypress, evoluir componentes com segurança e refatorar sem medo no front-end.

Neste curso gratuito, aprenda sobre

  • Fundamentos de TDD e Setup de Testes com Jest
  • Configuração de Ambiente e Recursos do Jest
  • Início do Projeto React e Testes End-to-End com Cypress
  • Refatoração Guiada por Testes e Componentização em React
  • Integração com API, Estado Previsível e Hooks Personalizados

Descrição do curso

Aprenda a aplicar Test-Driven Development (TDD) em aplicações React de forma prática, construindo confiança no código desde o primeiro teste. Este curso online gratuito apresenta a mentalidade de desenvolvimento orientado a testes e como ela se encaixa no dia a dia de projetos front-end, ajudando você a reduzir regressões, facilitar refatorações e manter componentes mais previsíveis.

Ao longo do conteúdo, você vai trabalhar com testes em JavaScript e React, usando ferramentas populares do ecossistema para validar comportamentos, simular dependências e evoluir a aplicação com segurança. A abordagem combina testes unitários e de integração com uma visão de testes ponta a ponta, conectando a experiência do usuário aos fluxos reais da aplicação.

Você também verá como estruturar um projeto React voltado para testes, criar e refatorar componentes com base em requisitos verificáveis, além de empregar recursos modernos do JavaScript para tornar o código mais claro e sustentável. Para apoiar cenários realistas, o curso explora estratégias para lidar com dados e rotas em um ambiente controlado, permitindo testar interfaces e integrações com mais previsibilidade.

No fim, você terá uma base sólida para escrever testes que realmente protegem sua aplicação, definir melhores critérios de qualidade e adotar TDD como parte do seu processo de desenvolvimento front-end, seja em projetos pessoais ou profissionais.

Conteúdo do curso

  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 01 | Introdução e Conceitos Básicos 08m
  • Exercício: Qual é a sequência correta do ciclo do TDD (Test-Driven Development)?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 02 | JEST Framework de Testes | Javascript 15m
  • Exercício: No Jest, quais padrões podem ser usados para o framework detectar arquivos de teste por padrão?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 03 | Conhecendo um pouco mais do JEST 10m
  • Exercício: Qual recurso do Jest é indicado para executar um trecho de código antes de cada teste, evitando repetição dentro de um mesmo agrupamento?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 04 | Usando Javascript ES6 com o Babel 08m
  • Exercício: Qual é o principal papel do Babel ao trabalhar com JavaScript moderno (ES6+) em um projeto com testes?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 05 | Funções Auxiliares do Jest - Matchers 23m
  • Exercício: Ao comparar objetos no Jest, qual matcher é o mais indicado para verificar igualdade de conteúdo (e não referência)?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 06 | Usando Mocks para Simular Funções 09m
  • Exercício: Em testes, qual é o principal objetivo de criar um mock com jest.fn() ao lidar com dependências externas?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 07 | Criando o Projeto React 12m
  • Exercício: Para facilitar a busca de elementos nos testes de uma aplicação React seguindo TDD, qual atributo é recomendado adicionar nos componentes?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 08 | Testes End-To-End (e2e) com o Cypress 17m
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 09 | Primeiro Teste End-To-End com Cypress 13m
  • Exercício: Em TDD com testes de aceitação (Cypress), qual é o foco do primeiro requisito ao validar a Home?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 10 | Primeira Refatoração Aplicação React 10m
  • Exercício: Durante a refatoração com TDD em React, qual prática ajuda a separar os dados da renderização ao exibir uma lista?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 11 | Componente BookList do App React 06m
  • Exercício: Qual é o principal benefício de usar TDD ao refatorar um componente React, como ao extrair a lista para um componente separado?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 12 | Usando Fake API com Json-Server 12m
  • Exercício: Qual é a função do useEffect ao buscar a lista de livros em um componente React usando Axios?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 13 | Rotas Personalizadas com Json-Server 15m
  • Exercício: Qual foi a estratégia usada para garantir um estado previsível da lista de livros antes da execução dos testes?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 14 | Component BookListContainer 10m
  • Exercício: Ao buscar dados de uma API remota em um componente React, quais são os três status principais que podem ser testados para garantir o comportamento correto?
  • Aula em vídeo: Test-Driven Development - TDD em Aplicações React | Aula 15 | Criando Hook Personalizado useBookList 06m
  • Exercício: Ao aplicar TDD e refatorar um componente React, qual é o principal objetivo de extrair a lógica de acesso à API para um Hook personalizado?

Este curso gratuito inclui:

3 horas e 1 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação Front-End

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso