Caderno do Aluno

24 Sep 2020


Você já quis construir algo, mas não tinha ideia do que fazer? Assim como os autores às vezes têm "blocos de escritores", isso também vale para os desenvolvedores. Esta lista pretende resolver este problema de uma vez por todas!

Esses aplicativos são:

  • ótimo para melhorar suas habilidades de codificação músculo;
  • ótimo para experimentar novas tecnologias Novo;
  • ótimo para adicionar ao seu portfólio e impressionar seu próximo empregador / cliente pasta de arquivo;
  • ótimo para usar como exemplos em tutoriais (artigos ou vídeos) page_with_curl;
  • fácil de completar e também facilmente extensível com novos recursos ok_hand;

Esta não é apenas uma lista simples de projetos, mas uma coleção que descreve cada projeto em detalhes suficientes para que você possa desenvolvê-lo do zero!

Cada projeto possui os seguintes recursos :

  1. Um objetivo claro e descritivo;
  2. Uma lista de histórias de usuários que devem ser implementadas (essas histórias funcionam mais como uma diretriz do que uma lista forçada de tarefas a fazer . Sinta-se à vontade para adicionar suas próprias histórias, se desejar);
  3. Uma lista de recursos de bônus que não apenas melhoram o projeto básico, mas também suas habilidades ao mesmo tempo (são opcionais e devem ser tentados somente depois de concluir as histórias de usuário necessárias)
  4. Todos os recursos e links para ajudá-lo a encontrar o que você precisa para concluir o projeto

Aqui você pode assistir a um vídeo sobre este repositório .

Projetos

Os projetos são divididos em três níveis com base no conhecimento e na experiência necessários para concluí-los.

CamadaPerfil do desenvolvedor
1Desenvolvedores nos estágios iniciais de sua jornada de aprendizado. Aqueles que normalmente se concentram na criação de aplicativos voltados para o usuário.
2Desenvolvedores em um estágio intermediário de aprendizado e experiência. Eles se sentem confortáveis ​​com UI / UX, usando ferramentas de desenvolvimento e criando aplicativos que usam serviços de API.
3Desenvolvedores que têm todos os itens acima e estão aprendendo técnicas mais avançadas, como implementação de aplicativos de back-end e serviços de banco de dados.

star2 - Novo projeto

Camada 1: Projetos iniciantes

NomePequena descriçãoCamada
Bin2DecConversor de número binário para decimal1-iniciante
Visualizador de raio de bordaVisualize como os valores de raio de borda CSS3 afetam um elemento1-iniciante
CalculadoraCalculadora1-iniciante
Luzes de NatalSimule uma série de luzes de Natal1-iniciante
Aplicativo de efeito de causaClique no item da lista para exibir os detalhes do item1-iniciante
Ciclo de CoresCiclo de um valor de cor por meio de mudanças incrementais1-iniciante
Contador regressivoTemporizador de contagem regressiva do evento1-iniciante
CSV2JSON AppCSV para conversor JSON1-iniciante
Dólares para centavosConverta dólares em centavos1-iniciante
Variáveis ​​CSS DinâmicasAlterar dinamicamente as configurações de variáveis ​​CSS1-iniciante
Primeiro aplicativo DBSeu primeiro aplicativo de banco de dados!1-iniciante
Flip ImageAltere a orientação das imagens em dois eixos1-iniciante
Status do GitHubExibir status atual do GitHub1-iniciante
OláSaudação em idioma nativo do usuário1-iniciante
Simulador de caixa de correio IOTUse chamadas de retorno para verificar seu correio tradicional1-iniciante
Validação de entrada JSScript para validar entradas inseridas por um usuário usando RegEx1-iniciante
App JSON2CSVJSON para conversor de CSV1-iniciante
Valor chaveValores de evento de teclado1-iniciante
Lorem Ipsum GeneratorGerar texto lorem ipsum placeholder1-iniciante
App de notasCrie um bloco de notas online1-iniciante
Regressão de PearsonCalcule o coeficiente de correlação para dois conjuntos de dados1-iniciante
Relógio pomodoroCronômetro de tarefas para ajudar na produtividade pessoal1-iniciante
Página de destino do produtoMostre detalhes do produto para possíveis compradores1-iniciante
Quiz AppTeste seus conhecimentos respondendo a perguntas1-iniciante
App ReceitaReceita1-iniciante
Gerador de refeições aleatóriasGerar refeições aleatórias1-iniciante
Conversor Romano para DecimalConverter números romanos em decimais1-iniciante
Design deslizanteExibir imagens usando um controle deslizante1-iniciante
App cronômetroContar o tempo gasto em atividades1-iniciante
Verdadeiro ou falsoIdentifique o resultado de uma comparação condicional1-iniciante
Cifra de VigenereCriptografar texto usando o Vigenere Cypher1-iniciante
Vento FrioCalcule o fator de sensação térmica a partir de uma temperatura real1-iniciante
Frequência de palavrasCalcule a frequência da palavra em um bloco de texto1-iniciante
App de climaObtenha a temperatura e as condições meteorológicas de uma cidade.1-iniciante

Camada 2: Projetos intermediários

NomePequena descriçãoCamada
Máscaras de bitsUsando máscaras de bits para condições2-intermediário
Book Finder AppPesquise livros por vários critérios2-intermediário
Calculadora CLICrie uma calculadora básica cli.2-intermediário
Jogo Card MemoryMemorize e combine imagens ocultas2-intermediário
App Charity FinderEncontre uma instituição de caridade global para doar2-intermediário
Chrome Theme ExtensionCrie sua própria extensão de tema do Chrome.2-intermediário
App de desenhoCrie arte digital na web2-intermediário
Emoji Translator AppTraduzir frases para Emoji2-intermediário
App FlashcardsRevise e teste seus conhecimentos por meio de Flash Cards2-intermediário
Flip Art AppAnime um conjunto de imagens2-intermediário
App de sugestão de jogoCrie enquetes para decidir quais jogos jogar2-intermediário
Perfis GitHubUm aplicativo de pesquisa de usuário do GitHub2-intermediário
HighStriker GameJogo de carnaval do homem forte do Highstriker2-intermediário
Scanner de imagemAplicativo de scanner de imagem2-intermediário
Visualizador de MarkdownTexto de visualização formatado em markdown com sabor do GitHub2-intermediário
Gerador de tabela de reduçãoConverter uma tabela em texto formatado em Markdown2-intermediário
Editor de matemáticaUm editor de matemática para os alunos usarem2-intermediário
Aplicativo Meme GeneratorCrie memes personalizados2-intermediário
Geração de nome usando RNNsGerar nomes usando conjuntos de dados de nomes2-intermediário
Gerador de senhasGerar senhas aleatórias2-intermediário
Diretório de PodcastDiretório de podcasts favoritos2-intermediário
Gerador de crachás de código QRCodifique as informações do crachá em um código QR2-intermediário
Auxiliar de expressão regularTeste Expressões Regulares2-intermediário
Aplicativo de recibos de vendasRegistre as receitas de vendas em um banco de dados2-intermediário
Loja Online SimplesLoja Online Simples2-intermediário
Sports Bracket GeneratorGerar um diagrama de suporte esportivo2-intermediário
String ArtUma animação de cordas coloridas em movimento2-intermediário
Este ou aquele jogoEste ou aquele jogo2-intermediário
Slackbot de fuso horárioExibir fusos horários da equipe2-intermediário
App de tarefasGerenciar tarefas pessoais a fazer2-intermediário
Prática de DigitaçãoPrática de Digitação2-intermediário
App de votaçãoApp de votação2-intermediário

Camada 3: Projetos avançados

NomePequena descriçãoCamada
Batalha NavalCrie um bot Discord que joga Battleship3-avançado
Battleship Game EngineCrie um mecanismo que pode ser chamado para jogar o jogo Battleship3-avançado
Jogo Boole BotsBatalha de robôs impulsionados pela álgebra booleana3-avançado
CalendárioCrie seu próprio calendário3-avançado
Calorie CounterCalorie Counter Nutrition App3-avançado
App de bate-papoInterface de chat em tempo real3-avançado
App de rastreamento de contribuiçãoRastrear fundos doados a instituições de caridade3-avançado
ElevadorSimulador de elevador3-avançado
Simulador de Fast FoodSimulador de restaurante de fast food3-avançado
Clone InstagramUm clone do aplicativo Instagram do Facebook3-avançado
Linha do tempo GitHubGerar uma linha do tempo dos repositórios do GitHub de um usuário3-avançado
Kudos SlackbotDê reconhecimento a um colega que merece3-avançado
App de filmeNavegue, encontre classificações, verifique atores e encontre seu próximo filme para assistir3-avançado
Biblioteca MyPodcastCrie uma biblioteca de podcasts favoritos3-avançado
Consulta de exoplaneta da NASAConsultar o arquivo de exoplanetas da NASA3-avançado
Jogo ShellJogo animado de shell3-avançado
Shuffle DeckAvalie diferentes algoritmos para embaralhar um baralho de cartas3-avançado
Slack ArchiverArquivar mensagens do Slack3-avançado
App Spell-ItUma reviravolta no clássico jogo Speak N Spell3-avançado
App de pesquisaDefinir, conduzir e visualizar uma pesquisa3-avançado

Planos para o futuro

Estamos planejando adicionar mais e mais projetos a este repositório. Para isso, precisamos da sua ajuda! Descubra como contribuir abaixo.apontar para baixo

Também estamos planejando criar um site onde você possa navegar facilmente por todos os projetos.

Contribuição

Quaisquer contribuições são muito apreciadas. orar Você pode contribuir de duas maneiras:

  1. crie um problema e conte-nos sua ideia lâmpadaCertifique-se de usar o rótulo da nova ideia neste caso;
  2. bifurque o projeto e envie um PR com sua nova ideia. Antes de fazer isso, certifique-se de ler e seguir o Guia de Contribuição ;

Exemplos

Você também pode adicionar seus próprios exemplos aos projetos depois de concluí-los. Eu recomendo fortemente que você faça isso, pois irá mostrar aos outros que coisas incríveis foram construídas!

+1

Espalhe a palavra!

Se as informações deste repositório foram úteis para você de alguma forma, certifique-se de atribuir uma estrela star2, desta forma outros podem encontrá-lo e se beneficiar também! Juntos podemos crescer e tornar nossa comunidade melhor!risonho

Você tem alguma sugestão sobre como podemos melhorar este projeto de modo geral? Nos informe! Adoraríamos ouvir sua opinião!

Contribuintes principais ligeiramente_sorrisoligeiramente_sorriso

100Days100Projects foguete

Como bônus, criei o desafio # 100Days100Projects . Você pode encontrar lá mais 100 ideias de projetos menores. Aproveitar!sorriso


Fonte: Florin Pop