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!
- 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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent