Curso gratuito

Curso de Programação: aulas gratuitas para aprender na prática

Acompanhe uma live coding completa com Fernanda Kipper criando uma aplicação React do zero. Aprenda a configurar projetos com TypeScript, implementar hooks, integrar React Query, estilizar com CSS-in-JS e conectar autenticação em um caso...

1 aula 2h 18min totais Gratuito

Visão geral do curso

Este curso apresenta uma live coding prática de 139 minutos onde você acompanha a construção completa de uma aplicação React do zero. O foco é demonstrar o fluxo real de desenvolvimento, desde a configuração inicial do projeto com TypeScript até a integração com backend. Você aprenderá a estruturar projetos, implementar componentes funcionais com hooks, gerenciar estado eficientemente e seguir as melhores práticas de desenvolvimento frontend moderno.

Para quem este curso faz sentido

Desenvolvedores que conhecem os fundamentos de JavaScript e React e desejam ver na prática como construir uma aplicação completa. Também serve para quem quer aprender sobre React Query, TypeScript em projetos reais, CSS-in-JS, autenticação e requisições HTTP em um contexto integrado e realista.

Como estudar esta sequência

Assista à live coding de forma ativa, pausando e reproduzindo conforme necessário para acompanhar cada etapa. Estude como Fernanda configura o projeto, implementa hooks e Context API, integra React Query para comunicação com backend e aplica CSS-in-JS. Reproduza o processo em seu próprio projeto para fixar os conceitos de arquitetura, autenticação e otimização de performance.

O que você deve conseguir ao concluir

Ao concluir, você terá compreendido como estruturar um projeto React profissional do zero, implementar componentes com hooks, gerenciar requisições HTTP com React Query, estilizar aplicações com CSS-in-JS e integrar autenticação. Você estará preparado para criar aplicações React mais complexas e seguir padrões recomendados pela comunidade.

~/sobre-o-curso

O que você aprende neste curso de Programação

A aula principal deste curso é "Live Coding: Criando aplicação REACT do ZERO". Ela apresenta Programação de forma direta, com contexto suficiente para você entender o assunto e decidir o que praticar depois.

Os principais pontos de prática são Configurar e estruturar um projeto React com TypeScript do zero, Implementar componentes funcionais com hooks e gerenciar estado eficientemente, Integrar React Query para comunicação com backend e cache de dados e Aplicar CSS-in-JS para estilizar componentes de forma modular e escalável. Use esta página para revisar a proposta do curso, conferir os temas centrais e abrir as aulas na ordem recomendada.

O que você vai praticar

Configurar e estruturar um projeto React com TypeScript do zero
Implementar componentes funcionais com hooks e gerenciar estado eficientemente
Integrar React Query para comunicação com backend e cache de dados
Aplicar CSS-in-JS para estilizar componentes de forma modular e escalável
Conectar autenticação e requisições HTTP em uma aplicação real
Otimizar performance e seguir boas práticas de desenvolvimento frontend

Conceitos abordados

React Hooks TypeScript React Query CSS-in-JS Context API Componentes Funcionais Requisições HTTP Autenticação

2h 18min PT

Live Coding: Criando aplicação REACT do ZERO

Fernanda Kipper | Dev

67.647 visualizações Iniciante Tutorial prático

~/resumo-do-curso

Resumo do curso

Este curso de Programação funciona como uma entrada objetiva no assunto. A aula principal, "Live Coding: Criando aplicação REACT do ZERO", concentra a explicação em uma jornada única para você acompanhar o raciocínio do instrutor e sair com uma primeira direção de prática.

Ao longo do curso, o foco prático está em Configurar e estruturar um projeto React com TypeScript do zero, Implementar componentes funcionais com hooks e gerenciar estado eficientemente, Integrar React Query para comunicação com backend e cache de dados e Aplicar CSS-in-JS para estilizar componentes de forma modular e escalável. Esses pontos ajudam você a assistir com uma meta clara, em vez de tratar a aula apenas como uma introdução solta.

O curso também apresenta conceitos importantes como React Hooks, TypeScript, React Query, CSS-in-JS e Context API, o que facilita entender os tutoriais seguintes e decidir quando cada recurso faz sentido no seu projeto.

Para quem é este curso de Programação

Este curso é indicado para quem quer uma entrada direta em Programação antes de seguir para estudos mais longos. Ele funciona especialmente bem quando você quer entender o assunto por aulas organizadas, em vez de começar por buscas soltas.

O que você consegue fazer ao terminar

Ao concluir, você deve conseguir revisar a ideia central do curso e praticar Configurar e estruturar um projeto React com TypeScript do zero, Implementar componentes funcionais com hooks e gerenciar estado eficientemente, Integrar React Query para comunicação com backend e cache de dados e Aplicar CSS-in-JS para estilizar componentes de forma modular e escalável com mais segurança.

Ordem recomendada de estudo

Assista à aula uma vez para entender o contexto e depois volte aos trechos mais práticos. Essa segunda passagem ajuda a transformar a explicação em algo que você consegue repetir.

Próximo passo depois do curso

Depois de concluir, explore o assunto Programação para encontrar tutoriais relacionados e continuar estudando com mais contexto.

Este curso de Programação é para iniciantes?

Sim. O curso foi organizado como uma porta de entrada para Programação e pode ser estudado antes de tutoriais mais avançados.

Quantas aulas tem este curso?

Este curso tem 1 aula e cerca de 2h 18min no total.

O que estudar depois de concluir o curso?

O melhor próximo passo é explorar o assunto Programação e escolher um tutorial relacionado ao que você quer praticar.

Este curso é gratuito?

Sim. Este é um curso gratuito organizado pelo CursoB para você estudar Programação em uma sequência estruturada.

Preciso ter experiência prévia para acompanhar?

Você não precisa ter experiência avançada. O curso começa pelos pontos principais de Programação e avança aula por aula.

Devo assistir às aulas na ordem?

Sim. Comece pela aula completa e depois volte aos trechos práticos quando quiser repetir o processo.

Posso usar este curso em projetos práticos?

Sim. Use o curso como referência prática para treinar Configurar e estruturar um projeto React com TypeScript do zero, Implementar componentes funcionais com hooks e gerenciar estado eficientemente, Integrar React Query para comunicação com backend e cache de dados e Aplicar CSS-in-JS para estilizar componentes de forma modular e escalável e adaptar os exemplos aos seus próprios projetos.

Este curso oferece certificado?

A emissão de certificados dos cursos produzidos pelo CursoB foi encerrada em maio de 2026. O CursoB não oferece mais certificado de conclusão. Os cursos e tutoriais são gratuitos para estudo. Quando o conteúdo estiver hospedado em outra plataforma, qualquer certificado depende exclusivamente das regras do autor ou da plataforma original.

As aulas deste curso são atualizadas?

O CursoB revisa periodicamente o catálogo de Programação e pode adicionar, remover ou reorganizar aulas quando encontra conteúdos melhores.

Onde encontro mais conteúdos sobre este assunto?

Explore o assunto Programação para encontrar tutoriais e cursos complementares.