Imagem do Curso gratuito Aprenda ReactJS criando um clone da Netflix

Curso online gratuitoAprenda ReactJS criando um clone da Netflix

Duração do curso online: 2 horas e 18 minutos

Novo

Domine ReactJS na prática criando um clone da Netflix do zero. Curso online gratuito para turbinar seu portfólio, com rotas, estado, APIs e build.

Neste curso gratuito, aprenda sobre

  • Configurar ambiente e criar projeto React com Create React App
  • Entender estrutura de pastas e arquivos chave (ex.: index.js/App.js)
  • Criar e organizar componentes reutilizáveis em React
  • Passar dados via props e compor interfaces com componentização
  • Integrar Bootstrap e estilizar componentes no React
  • Usar state e entender renderização reativa da UI
  • Aplicar Hooks, especialmente useState, para gerenciar estado
  • Importar HTML e componentizar layout da página Home
  • Implementar rotas com react-router-dom (SPA, navegação e páginas)
  • Finalizar fluxo de login e navegação entre telas
  • Consumir APIs (fetch/axios) e listar filmes com dados reais
  • Carregar detalhes do filme, temporadas e episódios dinamicamente
  • Disparar evento personalizado ao selecionar filme (comunicação entre partes)
  • Gerar build otimizado de produção e comando para build (npm/yarn build)

Descrição do curso

Se você quer aprender ReactJS de um jeito prático e com resultado visível, este curso é para você. Ao longo das aulas, você vai construir um clone da Netflix, entendendo como uma aplicação moderna em React se organiza, evolui e chega pronta para publicação. É uma oportunidade de desenvolver uma interface realista, com comportamento dinâmico e dados externos, ao mesmo tempo em que consolida os conceitos mais importantes do Front-End.

Você começa pela configuração do ambiente e pela estrutura do projeto, entendendo como iniciar uma aplicação com ferramentas que automatizam o setup e aceleram o desenvolvimento. Em seguida, avança para o coração do React: a lógica de componentes. Você aprende como dividir a interface em partes reutilizáveis, passar propriedades de forma clara e criar uma base de layout que facilite manutenção e crescimento do projeto.

Na etapa seguinte, o foco passa a ser a interação: estado, renderização e hooks. Você entende como o React atualiza a tela conforme a informação muda, como controlar variáveis de interface com useState e como tomar decisões de exibição que deixam a experiência do usuário mais fluida. Depois, a aplicação ganha navegação com rotas, permitindo simular fluxos comuns como login e transições entre páginas sem recarregar o site.

Com a estrutura sólida, você conecta o projeto a uma API para buscar dados reais e preencher a Home com listas de filmes. A partir daí, o clone fica mais completo: seleção de títulos, carregamento de detalhes, informações adicionais como temporadas e episódios, e a comunicação entre partes da interface para reagir às escolhas do usuário.

Para fechar, você aprende a preparar a aplicação para o mundo real, gerando um build otimizado para produção. Ao final, você terá desenvolvido um projeto de portfólio com tecnologias atuais, praticado boas práticas de componentização e entendido o fluxo completo de uma aplicação ReactJS, do zero até a entrega.

Conteúdo do curso

  • Aula em vídeo: [ReactJS] #01 - Introduc?a?o, Instalac?a?o e Estrutura de projeto c/ ReactJS 08m
  • Exercício: Qual a principal função do Create React App mencionada no curso?
  • Aula em vídeo: [ReactJS] #02 - Estrutura e funcionamento de componentes c/ ReactJs 12m
  • Exercício: _Qual é o arquivo mais importante da aplicação?
  • Aula em vídeo: [ReactJS] #03 - Criando Componentes, Passando Propiedades e Usando Bootstrap c/ ReactJS 15m
  • Exercício: Qual é o objetivo principal da componentização de código em projetos de desenvolvimento web?
  • Aula em vídeo: [ReactJS] #04 - Entendendo Estado (STATE), Render e Hooks (useState 15m
  • Exercício: _Qual é a função do estado em ReactJS?
  • Aula em vídeo: [ReactJS] #05 - Importando HTML e Componentizando Layout da Página Home c/ ReactJS 25m
  • Exercício: Qual o principal objetivo da aula descrita na transcrição?
  • Aula em vídeo: [ReactJS] #06 - Rotas (React Router DOM) e Finalização de Login 24m
  • Exercício: _Qual é a função do react-router-dom na aplicação?
  • Aula em vídeo: [ReactJS] #07 - Recuperando dados da API e Listando Filmes da Home c/ Dados Reais 12m
  • Exercício: Qual é a principal funcionalidade implementada na aplicação discutida?
  • Aula em vídeo: [ReactJS] #08 - Recuperando Detalhes do Filme, Temporadas e Episódios c/ ReactJS 22m
  • Exercício: _Qual é a função criada para disparar um evento personalizado ao selecionar um filme na aplicação de clone da Netflix criada pelo Irmão mais Velho?
  • Aula em vídeo: [ReactJS] #09 - Gerando Build de Produc?a?o c/ ReactJS 02m
  • Exercício: _Qual comando é utilizado para criar o build otimizado para produção no ReactJS?

Este curso gratuito inclui:

2 horas e 18 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