Apenas! Crie! Websites!

Originalmente Just! Build! Websites

Os hosts do podcast Shop Talk show (Chris Coyier e Dave Rupert) recebem muitas perguntas sobre como aprender desenvolvimento web. O mantra deles é "apenas crie websites"; ele até gravaram isso. Como uma pessoa que aprende fazendo, eu concordo que colocar as mãos na massa com alguns projetos web e preencher as lacunas do seu conhecimento durante o caminho é uma maneira muito bonita de fazer as coisas.

Mas e se você não sabe que tipo de site "apenas criar"? A seguir você encontra uma lista de diferentes projetos que você pode praticar seu desenvolvimento e design web. Sinta-se livre para mandar uma PR (veja o guia para contribuições) e adicionar ideias à lista!

Ideias para projetos de desenvolvimento e design web

• Ajude um amigo com seu negócio / hobby / currículo / casamento
• Crie um site de fãs (e talvez algum fórum da velha guarda) para algo que você ama
• Construa uma galeria de fotos que você tirou nas férias
• Tente reconstruir a página de um site que você goste sem olhar o código dele
• Olhe o código de todo mundo!!!
• Crie um site sustentável, público para uma organização sem fins lucrativos da sua região
  • Carece de exemplos brasileiros
  • Code for America (você também pode resolver problemas)
  • Volunteer Match
  • Encontre um grupo de desenvolvimento para o bem no Meetup
• Ache um problema local que seja importante para você e crie um site que divulgue e suporte a sua causa
• Recrie um projeto anterior usando um sistema de gerenciamento de conteúdo (CMS) ou linguagem de programação que você esteja curioso sobre
• Faça um jogo usando uma tecnologia web (Talvez participe até de um game jam)
• Tente replicar um efeito especial usando apenas CSS
• Explore arte generativa
• Desafie você mesmo a fazer um site com menos de um certo limite de kb
• Identifique uma necessidade que você tem na sua vida diária e crie um app web que resolva isso
• Imagine como seria o site do seu personagem fictício favorito
• Explore os recursos da web no Can I Use e construa um site com recursos que você nunca ouviu falar e/ou usou antes
• Exponha uma coleção pessoal: sua ou de alguém
• Pesquise sua genealogia e crie uma árvore
• Reúna dados pessoais e use uma biblioteca de gráficos/visualização para apresentá-los -- ou crie suas próprias visualizações
• Reforme um site existente para carregar 10% mais rápido (ou defina outra marca e busque-a)
• Crie uma página de início personalizada para novas abas no seu navegador. Talvez use APIs para juntar informações que sejam adaptadas aos seus interesses.
• Crie um site bonito usando apenas texto, nada de imagens
• Repare um site antigo para fazê-lo mais acessível para pessoas com diferentes capacidades e configurações técnicas
• Estilize alguns temas gratuitos para um serviço popular de blogs
• Finalmente compartilhe seu talentos como poeta / guitarrista / que você escondia
• Reinvente a roda: faça uma calculadora, uma aplicação web de finanças pessoais, um cronômetro...
• Pratique fazer guias de estilo criando uma para um site existente. Talvez você se encontre reduzindo estilos ou refatorando código duplicado...
• Estilize um site usando 3 técnicas diferente de arquitetura para CSS e veja qual pareceu melhor
• Use o mesmo processo básico para analisar novos framework ou sistemas de gerenciamento de conteúdo (CMS)
• Reimagine uma pintura, escultura, construção favorita como uma arte web
• Resolva o mesmo problema de 10 formas diferentes
• Pegue o seu truque mais antigo e teste-o de uma nova forma
• Crie um site de fãs para uma característica peculiar da sua cidade natal
• Inicie um jornal/diário apenas-para-seus-olhos
• Manipule uma imagem com CSS de 25 formas diferentes
• Mostre as fontes do seu sistema de uma forma mais útil do que os programas padrão
• Faça um web chat para seus amigos com Javascript
• Invente um apelido/vida alternativa secreta e crie uma presença web para esse você fictício
• Tente replicar o layout de revistas na web sem usar Javascript
• Rascunhe uma biblioteca de componentes, funções, etc. reutilizáveis para sua linguagem de escolha
• Invente o site mais estranho possível e não malicioso e distribua flyers/adesivos dele pela cidade
• Dê aos seus amigos um lugar conveniente para encontrar instruções para regar plantas/cuidar da casa/cuidar do pet. Garanta que os usuários estejam autenticados de alguma forma para acessar
• Crie um guia para a sua cidade, com vários filtros (tipo de atividade, gastos, comidas, etc.)
• Desenhe uma site que seria acessível em um dispositivo com 100px de largura
• Teste vigorosamente um navegador que você nunca ouviu falar antes
• Mantenha controle sobre suas metas de vida com um site chique/extravagante
• Dê uma caminhada por alguma vizinhança que você não frequente; faça algo inspirado pelo que você viu
• Construa o site com a pior performance que você conseguir
• Ensine às pessoas algo novo sobre um tópico que você domina
• Mostre frases ou pensamentos de uma forma única
• Escreva uma página em HTML com o seu monitor desligado
• Crie uma experiência navegável apenas pelo teclado
• Catalogue cada peça de roupa no seu guarda-roupa, planta no jardim ou tempero em sua cozinha, e faça uma coleção filtrável. O site deve lembrar dos últimos filtros usados pelo usuário
• Ensine a uma criança as cores, números, letras e formas com um site interativo, acessível por toque
• Escolha uma API no Programmable Web e faça algo com isso
• Escolha um livro público e crie um site onde o usuário possa ler, fazer notas, destacar, etc.
• Pense em uma pessoa na sua vida; construa um site que ela amaria
• ...agora construa um site que ela odiaria
• Crie um trabalho completo usando emojis
• Limite-se a uma paleta de preto e uma cor, ou branco e uma cor
• Escolha outra restrição e crie uma arte web inspirado por ela
• Crie um conversor de medidas
• Transforme o cartaz de um filme ou de um evento em um site responsivo