JavaScript na Prática: Listas, JSON e LocalStorage
JavaScript na Prática
Saia dos exemplos isolados: transforme dados em uma lista de produtos e construa um gerenciador de tarefas que salva informações no navegador.
Projeto desenvolvido nas aulas: CRUD de tarefas
Entenda os dados. Veja o resultado na tela.
Este curso foi feito para quem já conhece o básico de HTML, CSS e JavaScript e quer ganhar confiança criando projetos. Você começa transformando listas e termina controlando tarefas com persistência no navegador.
Use map() com números, textos e objetos para gerar novos resultados.
Leia um arquivo JSON e apresente os dados dinamicamente no HTML.
Cadastre, edite e exclua tarefas, mantendo os dados no localStorage.
Dois resultados visíveis, passo a passo
As telas abaixo são dos projetos mostrados nas aulas.
Lista de Produtos
Trabalhe com map(), objetos e JSON para criar uma lista que acompanha os dados disponíveis, sem escrever cada item manualmente no HTML.
CRUD de Tarefas
Crie tarefas pelo formulário, altere ou remova itens e use localStorage para manter a lista ao atualizar a página.
Para quem é: quem já teve contato com JavaScript básico e quer aplicar arrays, objetos, DOM e eventos em projetos práticos. O armazenamento acontece no navegador, sem banco de dados ou login.
Quatro módulos. Um objetivo claro.
17 vídeos curtos organizados para você avançar dos dados ao projeto funcionando.
Transformando listas com JavaScript
Exemplos progressivos com map() e arrays de objetos.
Do JSON à página dinâmica
Leitura dos dados e exibição dos produtos no HTML.
Construindo uma lista de tarefas
Formulário, cartões dinâmicos e renderização dos itens.
Salvando e gerenciando tarefas
Validação, edição, exclusão e persistência no navegador.
Aprenda o conceito e use no projeto.
Você acompanha os exemplos no código e vê cada decisão produzir um resultado real na tela. Todas as aulas são liberadas ao entrar no curso.
Quero aprender na prática →- 4 módulos e 17 vídeos
- Exemplos de
map()com diferentes tipos de dados - Projeto Lista de Produtos com JSON
- Projeto CRUD de Tarefas com
localStorage - Conteúdo disponível imediatamente
Antes de começar
Preciso começar do zero?
Este curso é indicado para quem já conhece os primeiros conceitos de HTML, CSS e JavaScript. Se você ainda está começando, veja antes o curso JavaScript do Zero.
Os projetos usam banco de dados?
Não. A Lista de Produtos lê dados de um arquivo JSON; o CRUD de Tarefas salva os dados no localStorage do navegador.
Quando as aulas são liberadas?
Os quatro módulos ficam disponíveis assim que você entra no curso.
Há React neste curso?
Não. O foco é usar JavaScript no navegador para transformar, exibir e armazenar dados em projetos práticos.
Da lista de dados ao CRUD de tarefas.
Coloque o JavaScript em prática com dois projetos e uma sequência direta para estudar no seu ritmo.
R$ 87Valor apresentado para pagamento à vista. Confira o preço e as formas de pagamento na Hotmart.
Inscrever-se no curso →