Projetos JavaScript
Este guia destina-se a pessoas que desejam trabalhar em projetos para obter experiência prática de aprendizado, mas com idéias. JavaScript é muito fácil de implementar. Tudo o que você precisa fazer é colocar seu código no documento HTML e informar ao navegador que é JavaScript. Ele funciona nos computadores dos usuários da Web - mesmo quando estão offline e permite criar interfaces altamente responsivas que melhorem a experiência do usuário e forneçam funcionalidade dinâmica, sem precisar esperar o servidor reagir e mostrar outra página.
Projetos para iniciantes
- Faça uma placa de toe tic tac
- Faça uma calculadora baseada na Web
- Faça uma lista de tarefas com armazenamento de navegador persistente usando a API LocalStorage
- Faça um conversor de unidade (tempo, distância, moeda, etc.)
- Gerador aleatório de labirinto como um jogo online
- Faça um relógio digital baseado na Web
- Atualize as variáveis CSS com JS
- Faça uma borboleta que muda de cor voadora com JS usando a API Canavas.
- Faça um tambor baseado na Web com sons e entrada do teclado usando JS
- Faça um carrossel de produto
- Faça o jogo XO.
- Crie um editor de pixels
- Crie um site simples usando HTML, CSS e JavaScript
- Crie adesivos de robô divertidos
Projetos de nível intermediário
- Faça um script que atendam automaticamente campos de inscrição comuns usando dados aleatórios
- Use o Yahoo! API climática para construir um widget climático
- Integre o SoundCloud em uma página da web para tocar uma música de acordo com o humor do usuário
- Use Starwars-api para gerar um perfil de todos os personagens e suas armas/veículos
- Use UNSPLASH-API para criar um carrossel de imagem
- Use Paper.js para criar gráficos incríveis.
- Use parallaxjs para criar plantas de caldeira de paralaxe de página inteira
- Use a API de dados de futebol para criar uma página da Web que permitirá recuperar todas as tabelas de ligas gratuitas.
- Crie um comutador noturno e diurno
- Crie um aplicativo TODO
- Crie um aplicativo de notas
Projetos de nível avançado
- Use a API do GENE LAB da NASA para criar uma ferramenta para visualizar e exibir dados de maneira interativa
- Use a API do USGS para visualizar dados herdados de terremotos com vários filtros (magnitude, data, áreas afetadas, local de origem)
- Use o Google Map API e a API de dados climáticos do Banco Mundial para criar uma ferramenta interativa para visualizar dados climáticos históricos de países, regiões etc.
- Use a API do Twitter junto com um exemplo da Biblioteca de Análise de Sentimento para visualizar tweets por celebridades e políticos e encontrar tendências.
- Construa o jogo da vida
- Mapear o mercado de ações
- Construa um aplicativo de votação
Inspiração
Uma coleção de projetos ao vivo implantados com código.
- Pano de pano javascript
- Fireworks Animation GeneratorFireworls em tela
- Criação de partículas de performants Animation30k partículas em tela
- Animação aleatória legal com base no worm cursordraw
- Jogo de tiro de nave espacial
Contribuindo
- Aqueles que são novos no código aberto e não sabem como enviar solicitação de puxar consulte o arquivo contribuindo.md.
