“Um mestre comete mais erros do que um iniciante tenta”
Oferecemos 8 opções de projetos que você pode fazer “por diversão” para ganhar experiência real de desenvolvimento.
Projeto 1. Clone do Trello
O que você aprenderá:
- Organização de rotas de processamento de solicitações (Routing).
- Arraste e solte.
- Como criar novos objetos (quadros, listas, cartões).
- Processamento e verificação de dados de entrada.
- Do lado do cliente: como usar o armazenamento local, como salvar dados no armazenamento local, como ler dados do armazenamento local.
- Do lado do servidor: como usar bancos de dados, como salvar dados no banco de dados, como ler dados do banco de dados.
, feito em React + Redux.
Projeto 2. Painel de administração
Um aplicativo CRUD simples, ideal para aprender o básico. Vamos aprender:
- Crie usuários, gerencie usuários.
- Interaja com o banco de dados - crie, leia, edite, exclua usuários.
- Validando entradas e trabalhando com formulários.
Projeto 3. Rastreador de criptomoeda (aplicativo móvel nativo)
Qualquer coisa: Swift, Objective-C, React Native, Java, Kotlin.
Vamos estudar:
- Como funcionam os aplicativos nativos.
- Como recuperar dados da API.
- Como funcionam os layouts de página nativa.
- Como trabalhar com simuladores móveis.
. Se você encontrar algo melhor, escreva nos comentários.
Se você estiver interessado, aqui está .
Projeto 4. Configure sua própria configuração do webpack do zero
Tecnicamente, este não é um aplicativo, mas é uma tarefa muito útil para entender como o webpack funciona por dentro. Agora não será uma “caixa preta”, mas uma ferramenta compreensível.
Requisitos:
- Compile es7 para es5 (básico).
- Compile jsx para js - ou - .vue para .js (você terá que aprender carregadores)
- Configure o servidor de desenvolvimento webpack e recarregando o módulo a quente. (vue-cli e create-react-app usam ambos)
- Use Heroku, now.sh ou Github, aprenda como implantar projetos webpack.
- Configure seu pré-processador favorito para compilar css - scss, less, stylus.
- Aprenda como usar imagens e SVGS com webpack.
Projeto 5. Clone Hackernews
Todo Jedi é obrigado a fazer seu próprio Hackernews.
O que você aprenderá ao longo do caminho:
- Como interagir com a API hackernews.
- Como criar um aplicativo de página única.
- Como implementar recursos como visualização de comentários, comentários individuais, perfis.
- Organização de rotas de processamento de solicitações (Routing).
Projeto 6. Tudushechka
Seriamente? Tudushka? Há milhares deles. Mas acredite, há uma razão para essa popularidade.
O aplicativo Tudu é uma ótima maneira de garantir que você entenda o básico. Tente escrever um aplicativo em Javascript vanilla e outro em sua estrutura favorita.
Aprender:
- Crie novas tarefas.
- Verifique se os campos estão preenchidos.
- Filtrar tarefas (concluídas, ativas, todas). Usar
filterиreduce. - Entenda os fundamentos do Javascript.
Projeto 7. Lista classificável de arrastar e soltar
Muito útil para entender .
Vamos aprender:
- API de arrastar e soltar
- Crie UIs ricas
Projeto 8. Clone do Messenger (aplicativo nativo)
Você entenderá como funcionam os aplicativos web e os aplicativos nativos, o que o diferenciará da massa cinzenta.
O que estudaremos:
- Soquetes da Web (mensagens instantâneas)
- Como funcionam os aplicativos nativos.
- Como os modelos funcionam em aplicativos nativos.
- Organização de rotas de processamento de solicitações em aplicações nativas.
Isso será suficiente para você por um ou dois meses.
A tradução foi realizada com o apoio da empresa quem está profissionalmente engajado para grandes clientes, bem como .
Fonte: habr.com