Reunindo um ótimo portfólio para desenvolvedores da Web

Publicados: 2019-04-26

Ter um portfólio sólido é uma obrigação para qualquer desenvolvedor web. É difícil para um empregador tomar uma decisão para uma posição com base em cartas de apresentação, currículos ou currículos que simplesmente descrevem os projetos que você fez. Seu talento e habilidade realmente não brilham assim. Portanto, ter um grande portfólio de desenvolvedores da web que você pode incluir é tão importante quanto qualquer outra coisa. Mas ter um ótimo versus ter um bom o suficiente é enorme. E pode ser a diferença entre conseguir o emprego e ser preterido. Portanto, vamos ver o que você pode fazer para ajudar a garantir o máximo de sucesso possível.

O que torna um grande portfólio de desenvolvedor da Web?

Se você olhar pela internet, o conceito de portfólio de desenvolvimento é bastante amplo. Algumas pessoas incluem todos os projetos em que já trabalharam para mostrar suas melhorias ao longo do tempo, algumas pessoas fazem disso um currículo básico com muitos textos e links, enquanto outras ainda se concentram em idiomas aprendidos e conjuntos de habilidades gerais ao usar o próprio site de portfólio como um exemplo de como eles aplicam suas habilidades na prática.

Você não encontrará uma maneira certa ou errada de fazer isso. Mas você encontrará alguns elementos que permeiam os portfólios de desenvolvimento da web de maior sucesso. Vamos examinar esses elementos e detalhar por que funcionam e como você pode implementá-los facilmente em um novo portfólio ou em uma atualização do existente.

1. Seu nome e informações de contato profissional

Na verdade, é muito fácil deixar de colocar seu nome e informações de contato em seu currículo e portfólio. Você pode estar tão preocupado em ter certeza de que sua história de trabalho e talento brilham tanto que você se esqueça da coisa mais simples. Ou você pensa sobre isso, mas não o coloca com destaque em seu portfólio, fazendo com que o recrutador ou gerente de contratação trabalhe para ele. Afinal, você está tentando trabalhar para eles, não o contrário.

Claro, manter as informações no topo é ótimo, mas considere ter uma caixa flutuante ou uma pequena seção que rola com o usuário. Dessa forma, você nunca estará a mais de um clique de distância de uma chamada ou e-mail. Você pode até dar um passo adiante e colocar como uma guia do Facebook Messenger, onde eles podem contatá-lo diretamente por meio de mensagens instantâneas. Apenas, faça o que fizer, não enterre as informações no rodapé. Ou no final de uma longa seção, ou torna-o difícil ou confuso de encontrar.

Além disso, certifique-se de que todas as informações de contato sejam totalmente profissionais. Temos certeza de que você já ouviu isso antes, mas se o seu e-mail for [e-mail protegido] , você será levado menos a sério do que se eles virem [e-mail protegido] .

1a. Uma foto

Não queríamos incluir isso como uma entrada completa na lista, mas achamos que valeria a pena mencionar. Se você conseguir encontrar uma maneira de ter uma foto sua ao lado de seu portfólio (as informações de contato são um ótimo lugar para colocá-las), dar aos empregadores em potencial uma maneira de dar uma cara ao trabalho irá humanizá-lo muito mais do que apenas ver um nome e uma lista de linguagens de programação que você conhece. Os gerentes de contratação também tendem a contratar para adequações de personalidade dentro das empresas, portanto, se você tiver fotos sinceras que se encaixem no nicho de mercado desejado e mostrem que você se sente confortável lá, use-as em algum lugar.

2. Considere combinar Bio, Experiência e Educação em uma Narrativa

A narrativa em marketing é enorme. Seu portfólio é como você se comercializa. Portanto, só faz sentido que você queira se tornar o mais interessante e humano possível. E uma lista com marcadores de universidades, bootcamps, certificações, nomes de empresas e datas de emprego não são muito interessantes ou memoráveis.

Sua história, por outro lado, é. E embora seja possível recolher sua história a partir dessas listas, colocá-la em forma de narrativa é melhor. O fato é que existem maneiras de fazer isso que ainda destacam todas as informações e as tornam facilmente acessíveis. Mas torna a leitura muito mais agradável. E faz você parecer mais uma pessoa.

Além disso, há uma boa chance de que você já tenha uma seção de biografia / sobre como parte de seu portfólio. Polvilhe as mesmas informações que você faria com as listas, mas faça algo que eles possam ler e procurar por destaques.

Sua história provavelmente será mais longa do que uma seção de biografia / sobre permite, mas incluir links e destaques enquanto fala sobre você mesmo é uma ótima maneira de se destacar.

Aqui está um retrabalho da minha biografia atual com algumas das minhas experiências e história em destaque:

Além de ser simplesmente incrível, eu tenho um mestrado em inglês pela The University of North Alabama em 2009 , passei quase 10 anos ensinando inglês na faculdade (literatura e composição em vários níveis) e trabalhando como diretor do centro de redação do campus em Martin Faculdade Metodista em Pulaski, TN . Comecei a trabalhar com WordPress em 2008 , o que significa que posso fazer tudo o que você precisar.

Depois de aprender PHP , CSS e JavaScript o suficiente para ser perigoso enquanto o WordPress era meu hobby, fiz a transição para freelancer em tempo integral e construí os sites que você vê abaixo. Eu não queria desistir de escrever completamente, no entanto, e fui publicado por revistas como Like the Wind e The No'Ala . Isso me levou a começar a trabalhar como freelancer para Elegant Themes em maio de 2017 , e comecei como criador de conteúdo em tempo integral para ET no final de setembro .

Agora, sabemos que você pode estar pensando: sou um desenvolvedor, não um escritor . Esse é um ponto muito válido. Portanto, você ainda pode dar um toque narrativo à sua biografia, experiência e educação. Não precisa ser uma narrativa em prosa. Pode ser algo como uma linha do tempo que conta sua história.

2a. Use uma linha do tempo

Supomos que o conselho aqui é evitar listas com marcadores, tanto quanto possível. Achamos que Kyle Ledbetter fez isso muito bem com sua história de trabalho. Ele o coloca em uma linha do tempo que é facilmente digerível, digitalizável e dá uma ideia de sua história até agora.

Portfólio de Desenvolvimento Web

Embora este seja um exemplo fantástico de um portfólio de desenvolvedor web, ele na verdade não diz ou mostra o que são esses projetos. Na forma tradicional de currículo / currículo, Kyle descreve seu papel nas equipes com as quais trabalhou. No entanto, nenhum dos trabalhos aqui se vincula aos projetos reais que ele descreve. Seu portfólio é totalmente separado e inclui esses exemplos. Eles estão desconectados da linha do tempo e, embora este seja um bom exemplo, dar exemplos diretos de quais foram os resultados finais de cada trabalho o tornaria ótimo .

3. Mostre e descreva seus projetos

A carne e batatas de cada portfólio de desenvolvedor da web é, bem, o portfólio. Não é incomum que um portfólio seja uma grade simples (e útil e funcional) com miniaturas. Aos nossos olhos, não há necessidade de consertar o que está quebrado. Esses tipos de grades são excelentes para mostrar seu talento, projetos, habilidade e criatividade (como esta de Adham Dannaway)

Portfólio de Desenvolvimento Web

No entanto, eles não são excelentes em contar a história desse projeto, mostrando as complexidades do projeto e dando uma imagem completa de como você é incrível em torná-lo tão incrível quanto é. É aí que Adham realmente fez seu portfólio de desenvolvedores web brilhar. É ótimo.

Porque ao clicar em qualquer uma das entradas da grade, você não é levado ao resultado final do projeto . De longe, esse é o uso mais comum dessas carteiras. A abordagem clique para ver o que fiz. O que Adham faz, no entanto, pega uma boa ideia e a torna ótima. Ele divide cada projeto desde a concepção até a conclusão. Ele está sendo totalmente transparente sobre os motivos de cada decisão tomada ao longo do projeto.

Portfólio de Desenvolvimento Web

Essa análise mostra não apenas o trabalho incrível que resultou do projeto, mas também mostra os talentos e habilidades que o desenvolvedor possui que não são necessariamente visíveis apenas ao olhar para um produto acabado.

Você pode não ter tempo ou inclinação para incluir um estudo de caso completo para cada projeto; no entanto, você pode obter algumas notas e descrições sobre os principais aspectos do projeto que os clientes e empregadores em potencial devem conhecer.

E se o seu portfólio estiver vazio?

Uma ressalva para montar um grande portfólio de desenvolvedor web é que você precisa ter experiência em desenvolvimento web. Se você não tem projetos para mostrar, é muito difícil ter um portfólio robusto que mostre sua experiência. Todo mundo já esteve lá. Não é um lugar divertido para se estar, mas é um lugar bastante fácil de fugir.

Primeiro, verifique somente os primeiros temporizadores. Este site foi projetado especificamente para que as pessoas tenham sua primeira solicitação de pull do GitHub aceita. Existem tags no GitHub que os projetos podem incluir para indicar que seu projeto de código aberto tem algumas necessidades fáceis e acessíveis. Esse tipo de contribuição é incrível para fazer seu portfólio (e realmente a carreira de desenvolvimento em geral) decolar. Alguns desses tipos de contribuições podem ajudar muito a mostrar do que você é capaz. (E que você é bom o suficiente no que faz para ser examinado e aceito por um estranho aleatório da Internet em seu projeto).

Em segundo lugar, comece a fazer coisas. Ou, realmente, atualizando coisas que você já fez. Você não chega ao ponto de precisar de um portfólio de desenvolvimento web sem ter algo para mostrar para ele. Pense em projetos que você fez na escola ou para se divertir que pode aprimorar e publicar online. Então, você não só tem um projeto atualizado que mostra suas habilidades atuais, mas também tem uma maneira de mostrar o crescimento que teve desde que o original foi feito publicando-o também.

Além disso, trabalhar para organizações sem fins lucrativos, amigos ou familiares é uma ótima maneira de adicionar ao seu portfólio. Nós garantimos que você conhece alguém (ou muitos alguém) que precisa de um trabalho que você possa fazer. Eles simplesmente podem não ser capazes de pagar as taxas que os desenvolvedores típicos da web cobram. Especialmente sem fins lucrativos. Não estamos defendendo que você trabalhe de graça . Você tem habilidades e está trabalhando e merece ser pago por esse trabalho.

No entanto, o pagamento não precisa ser feito com dinheiro. Talvez seu tio tenha uma padaria e possa fazer seu bolo de casamento em troca de um novo site. É um bom negócio. Ou talvez a organização sem fins lucrativos tenha um orçamento para pagar, mas é muito pequeno. Talvez você até consiga contar as horas que passa trabalhando para eles como uma dedução de impostos. Novamente, o que é um bom negócio.

De qualquer forma, você está recebendo novos projetos para exibir e, se combiná-los com as ideias sobre as quais falamos acima, você está no caminho certo para ter um ótimo portfólio de desenvolvimento web.

E isso sem falar do tempo, cuidado e perfeccionismo que você estará colocando no próprio site do portfólio. Esse é um projeto para mostrar como qualquer outro (e um bom estudo de caso para começar).

Conclusão

Ter um grande portfólio de desenvolvedor da web ajuda muito a ser contratado. Não é apenas uma demonstração do que você fez, mas também que tipo de habilidades e personalidade você trará para qualquer equipe em que entrar. Clientes em potencial e gerentes de contratação olham os portfólios para ver se eles são compatíveis com o desenvolvedor, para ver no que você é melhor, para ver no que você acha que é o melhor e para ter um vislumbre da parte do seu cérebro que reúne o código daquela maneira específica que você faz. Com tudo isso em mente, achamos que agora você tem as ferramentas para transformar seu portfólio de desenvolvedores da web de bom para ótimo. E talvez ainda mais longe do que isso.

De qual parte do seu portfólio de desenvolvedores da web você tem mais orgulho?

Imagem de destaque do artigo por 0beron / shutterstock.com