13 Ideias de Projecto JavaScript para Principiantes a Afiar as Suas Habilidades de Codificação
As teorias são aborrecidas.
/div>
Quando se trata de aprender novas competências, Prefiro a parte prática.
Obviamente, é necessária a teoria antes de se poder praticar. Mas não passe todo o seu tempo apenas com uma teoria e depois com outra. Irá esquecer tudo isso com certeza.
Below são 13 ideias de projectos JavaScript para principiantes para aproveitar ao máximo o seu processo de aprendizagem.
p>>Eu acho sempre excitado desenvolver jogos. O jogo de cartão de memória é um deles.
Conhece a regra, certo? Os cartões estão virados para baixo sobre um tabuleiro. Quando clica em duas cartas, guarda-as se coincidirem, caso contrário são viradas de novo para baixo. Continua-se a jogar até recolher todas as cartas.
Popup
O popup como o alerta() ou prompt() tem limitações. São simples. Os seus projectos requerem sempre mais características, tais como mais campos para exibir, lidar com acções complexas, ou UI.
p> Então, vamos construir um.
Photo Gallery
>
Todos os sites de comércio electrónico têm uma galeria de fotos na página de detalhes do produto. Pode construir uma com características como zoom, ver foto seguinte ou anterior.
Calculador
Este é o primeiro projecto que pratiquei quando aprendi JavaScript.
É suficientemente simples para compreender como trabalhar com JavaScript, HTML, e CSS até um grau.
Pode começar com alguns operadores simples, tais como adicionar, subtrair, multiplicar, e dividir. Depois, torne a sua calculadora mais profissional, adicionando algumas características complexas.
Lista de Dódios
em vez de utilizar outras aplicações de toda a lista, porque não criar um para si próprio?
As características básicas de uma lista completa incluem adicionar, remover, editar, e verificar um item. Para se divertir mais, pode adicionar animação como bater lentamente num item quando o completa.
Form Validação
Você obtém um formulário constituído principalmente por três elementos – nome de utilizador, senha, e botão de login.
Os utilizadores precisam de digitar o nome de utilizador e a palavra-passe e depois clicar no botão de início de sessão. A sua missão é validar o nome de utilizador e a palavra-passe depois de clicar no botão. Se os dados forem válidos, então conceder permissão aos utilizadores para acederem ao passo seguinte.
Clock
p>Que tipo de relógio lhe agrada? Analógico ou digital? Pode criar ambos usando JavaScript, HTML, e CSS. Para o tornar mais fresco, adicione algumas animações suaves.
Citações Motivacionais
p>Tempo que se senta à sua secretária, ligando o computador, abrindo um navegador, vê uma citação motivacional que o inspira durante todo um dia de trabalho.
P>Pode fazer esta aplicação, construindo uma extensão Chrome.
Instrumentos Musicais
Ador a tocar música. Porque não construir um instrumento você mesmo? Pode ser um piano, uma guitarra, ou um kit de bateria?
P>Pode simular cada tecla no seu teclado para ser um som do tipo de instrumento que quer construir.
Confie em mim. É extremamente divertido!
Progress Bar
Esta barra de progresso será mostrada quando os utilizadores aguardarem que os dados sejam carregados.
Pode ser uma animação simples ou uma animação complexa com alguns efeitos fantásticos como a mudança de cores.
Conversores
p> Quantos tipos de conversores utiliza?
Para mim, eles são doc para pdf, mp4 para mp3, png para jpeg, ou um conversor de unidade, etc.
Agora, vamos construir o seu próprio conversor.
Nota
Esta é para tomar notas e anotar as suas ideias o mais rapidamente possível.
Para uma versão simples, basta permitir aos utilizadores criar, editar, e apagar uma nota.
Para a tornar mais interessante, vamos adicionar uma funcionalidade que permite formatar notas como alterar a cor do texto, exibir o formato HTML/Markdown, etc.
Quiz
Sabe “Quem é o Milionário?” mostra. Em termos de material técnico, não é mais do que uma aplicação de questionário.
Os utilizadores iniciam qualquer questionário sobre qualquer campo. Depois, eles vêem uma pergunta com 4 (pode ser mais ou menos) opções para seleccionar. Depois de seleccionar uma e submeter, verão outra pergunta. Os utilizadores continuam a responder até à pergunta final.
No ecrã de resultados, verão quantas pontuações alcançam e quantas perguntas não conseguem responder.
Conclusão
Ganhar, a prática faz a perfeição. Com todas as ideias acima, é provável que consiga aguçar as suas capacidades de JavaScript.
Espera que o considere útil!