"A simplicidade tende ao desenvolvimento, a complexidade à desintegração." (Peter Drucker)

Em Aprenda JavaScript da Melhor Maneira, vimos o melhor caminho para aprender JavaScript. Agora iremos ver 7 simples projetos para lhe ajudar neste intento.

A primeira pergunta dos entusiastas do learn by doing é: que pequenos projetos você recomenda para que eu possar ir praticando?

Eu gosto dessas perguntas, mas acho elas especialmente úteis quando acompanhadas dos fundamentos extraídos de bons livros. O contrário também é válido. Ler vários livros e não se prontificar a colocar nada do que você aprendeu na tela de um computador é ruim. Por conta disso, quase não compro mais livros físicos. Os melhores livros são aqueles que você pode extrair código e testá-lo.

Ciente disso, da importância de se ter pequenos projetos por onde começar, eu faço uma pequena lista de pequenos projetos para você observar o resultado de seus estudos.

  1. Todo MVC - Esse é um projeto clássico e já existe disponível aqui em puro JavaScript(também chamado de VanillaJS). Eu, entretanto, me basearia nele somente para saber o que é possível fazer. Tente fazer sem aproveitar nenhum código pronto. No máximo aproveite a estrutura html e o css.
    Implementando-o, você irá trabalhar bastante com arrays e dar o primeiro passo para persistência de dados mesmo que ela seja feita apenas no navegador.

  2. Quiz - Esse é outro projeto tradicional, mas tem a vantagem de ser bem divertido. Quiz também são elementos virais na internet. Se você souber utilizá-lo propriamente, pode criar um quiz que induza um usuário a se cadastrar em seu site, por exemplo.

  3. Page Style Configuration - Já viu aqueles sites em que você pode escolher a cor do seu menu em tempo real? Bom, a idéia é essa: pode definir configurações em sua página e realizar alterações em tempo real. Por exemplo:

    • Escolha uma cor(o usuário escolhe e seu site muda de cor)
    • Tamanho da letra(ele escolhe e as fontes mudam de tamanho)

    E assim você pode continuar aumentando o poder de customização de sua página.

  4. Ranking App - Você com certeza deve gostar de alguma coisa: esportes, filmes, livros, reclamar, viajar ou qualquer coisa do tipo.
    Se você gosta de alguma coisa, provavelmente você gosta de classificar, saber que nota você dá a uma cidade que você visitou, a um filme a que assistiu e assim vai. Use sua criatividade e proponha classificações a objetos de seu interesse e faça um ranking de sua preferência.

  5. Falta Quanto App - Digamos que você esteja na faculdade e queira saber o quanto falta você tirar para poder ser aprovado em determinada matéria.Ou ainda, digamos que você queira controlar o seu orçamento em quanto gastar com comida,diversão,transporte, hospedagem e compras em uma viagem. Crie uma aplicação que faz isso pra você. É certo que você poderia muito bem utilizar uma planilha de excel, mas ao invés disso, crie um formulário e adicione as validações necessárias e os alertas necessários para você não ser reprovado ou ficar sem dinheiro.

  6. Pôquer - Simule um jogo de pôquer e de quebra aprenda bastante orientação a objetos.

  7. Alertas - Crie alertas customizados que você poderá exibir em qualquer site que venha a criar no futuro. Aprenda a usar o modal do Bootstrap pra deixar seus alertas ainda melhores.


Próximos Passos

Ciente de que algumas pessoas precisam de um propósito maior do que ganhar conhecimento, eu vou sugerir algumas idéias para que você se sinta mais motivado e possa até tentar empreender com algumas delas. Veja abaixo:

  • 5 Idéias de Aplicações Para Empreender
Veja Também

Sobre o Autor

Johel Carvalho

Johel Carvalho

Engenheiro Civil formado pelo Instituto Militar de Engenharia (IME-RJ) em Dezembro de 2012. Largou a profissão pelo desenvolvimento web, começando com C# e sendo atualmente aficionado por JavaScript.

comments powered by Disqus