Como salvar uma lista de lançamentos no localStorage com JavaScript?

Converta a lista para JSON com JSON.stringify() antes de salvar e use JSON.parse() ao recuperá-la.

Como fazer duas seções ficarem lado a lado usando CSS?

Use display: flex no contêiner das seções e defina tamanhos ou flex para os elementos internos.

Como garantir que apenas Entrada ou Gasto seja selecionado em um formulário?

Use botões de rádio com o mesmo atributo name, pois isso permite selecionar apenas uma opção por vez.

Imagem do Curso gratuito Desenvolvimento Web com HTML, CSS e JavaScript

Curso online gratuito Desenvolvimento Web com HTML, CSS e JavaScript

Name: Desenvolvimento Web com HTML, CSS e JavaScript
Availability: InStock

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

4.7

(3)

Crie páginas e apps web do zero com HTML, CSS e JavaScript. Curso online gratuito, prático e direto ao ponto para turbinar seu front-end.

Neste curso gratuito, aprenda sobre

Estruturar um app web com HTML5: semântica, seções e organização de páginas
Criar estilos com CSS3: layout, espaçamentos, tipografia e responsividade básica
Alinhar seções esquerda/direita lado a lado usando Flexbox ou Grid
Manipular o DOM com JavaScript para atualizar conteúdo e reagir a eventos
Mostrar/ocultar formulários via classes CSS e controle por clique em botões
Modelar dados de lançamentos (entradas e gastos) e renderizar uma lista na tela
Persistir dados no navegador com localStorage usando JSON.stringify e JSON.parse
Usar inputs type="radio" com o mesmo name para seleção exclusiva (Entrada vs Gasto)
Implementar validações simples de formulário e feedback ao usuário
Integrar HTML, CSS e JS em um fluxo completo de app (do layout à persistência)

Sobre o curso online gratuito

Quer transformar ideias em páginas e aplicações que funcionam de verdade no navegador? Neste curso online gratuito de Desenvolvimento Web com HTML, CSS e JavaScript, você dá os primeiros passos (ou organiza de vez a base) para construir interfaces modernas, responsivas e interativas, unindo estrutura, estilo e comportamento em um único projeto prático.

Ao longo das aulas, você aprende a montar um layout bem definido com HTML5, a controlar o visual com CSS3 e a criar interações com JavaScript de forma clara. O foco é desenvolver um app web em etapas, entendendo como cada decisão impacta a experiência do usuário. Em vez de ficar preso apenas à teoria, você treina a lógica de construção de telas, o posicionamento de seções lado a lado, o refinamento de componentes e a organização do código para manter o projeto fácil de evoluir.

Você também trabalha padrões comuns do dia a dia do front-end, como exibir e esconder elementos de formulário com cliques, garantindo uma navegação mais fluida e interfaces menos poluídas. Além disso, pratica a persistência de dados no próprio navegador para manter informações mesmo após atualizar a página, compreendendo como salvar e recuperar registros de maneira consistente. Outro ponto importante é aprender a configurar corretamente campos de escolha única, evitando erros de usabilidade e tornando o formulário mais confiável.

O resultado é um aprendizado aplicável: você sai com maior segurança para criar páginas responsivas, interfaces organizadas e funcionalidades interativas, fortalecendo seu portfólio e sua base para avançar em frameworks e projetos maiores. Se seu objetivo é entrar na área, consolidar fundamentos ou ganhar prática real com programação front-end, este curso oferece um caminho direto, acessível e orientado à construção.

Conteúdo do curso

Aula em vídeo: Desenvolvendo um app web com HTML5, CSS3 e JavaScript (parte 1 de 4) 27m
Exercício: Como colocar as seções esquerda e direita lado a lado no layout descrito?
Aula em vídeo: Desenvolvendo um app web com HTML5, CSS3 e JavaScript (parte 2 de 4) 21m
Exercício: Qual é a abordagem correta para mostrar e esconder um formulário ao clicar em um botão usando HTML, CSS e JavaScript?

Aula em vídeo: Desenvolvendo um app web com HTML5, CSS3 e JavaScript (parte 3 de 4) 32m
Exercício: Ao salvar e recuperar a lista de lançamentos no navegador, qual é o procedimento correto com localStorage?
Aula em vídeo: Desenvolvendo um app web com HTML5, CSS3 e JavaScript (parte 4 de 4) 23m
Exercício: Para implementar o chaveamento Entrada e Gasto com botões de rádio no formulário, qual configuração garante que apenas uma opção seja selecionada por vez?

Aprenda sobreHTML

Aprenda HTML do zero com nossa seleção de cursos online gratuitos e com certificado. Domine tags, estrutura de páginas, formulários, tabelas, links, imagens e boas práticas para criar sites modernos. Encontre o curso de HTML ideal, desenvolva habilidades valorizadas no mercado e comece agora sua jornada no desenvolvimento web.

Aprenda sobreCSS

Aprenda CSS com cursos online gratuitos e com certificado, ideais para iniciantes e profissionais que desejam criar sites modernos, responsivos e atraentes. Explore conteúdos sobre seletores, cores, layouts, Flexbox, Grid, animações e boas práticas de desenvolvimento web. Escolha seu curso grátis de CSS, estude no seu ritmo e fortaleça seu currículo.

Cursos online Gratuitos sobre JavaScript

Aprenda sobreJavaScript

Aprenda JavaScript com cursos online gratuitos e com certificado para impulsionar sua carreira em desenvolvimento web. Encontre aulas para iniciantes e profissionais sobre lógica de programação, funções, objetos, DOM, eventos, APIs e frameworks. Estude no seu ritmo, desenvolva projetos práticos e conquiste novas oportunidades no mercado de tecnologia.