Article original : How to Level Up Your Developer Portfolio
Par Peter Lynch
Ce n'est pas un grand secret que la création d'un portfolio de développeur peut grandement augmenter vos chances d'être embauché.
Tout le monde vous le dit. Mais ils ne vous disent pas toujours ce qui fait un bon portfolio.
Vous voyez, de nombreux portfolios sont génériques et plutôt peu inspirants. Si votre portfolio ressemble à celui de tout le monde, comment pouvez-vous espérer qu'il se démarque ?
Eh bien, il ne se démarquera pas.
Mais ne vous inquiétez pas – j'ai été à votre place. Mon premier portfolio était fade, peu inspirant et comportait beaucoup des erreurs à ne pas commettre dont je parle dans cet article.
Cependant, je suis un ancien marketeur devenu développeur, je sais comment faire pour qu'une chose se démarque. J'ai créé des campagnes publicitaires qui ont fait exploser les ventes et dont les gens ont parlé. J'ai réalisé que je devais penser comme un marketeur pour faire en sorte que mon portfolio se démarque.
La bonne nouvelle est que les mêmes principes peuvent être appliqués à votre portfolio pour le faire passer au niveau supérieur. Si vous lisez ce guide et mettez en œuvre les conseils, vous élèverez votre portfolio au-dessus de la mer d'autres développeurs juniors qui tentent de se démarquer.
Avant de plonger dans les cinq conseils pour améliorer votre portfolio, assurons-nous d'être sur la même longueur d'onde.
Qu'est-ce qu'un portfolio ?
Un portfolio est un moyen pour vous de montrer qui vous êtes, quelles compétences vous avez et, surtout, le travail que vous avez accompli.
En tant que développeur, votre portfolio prendra la forme d'un site web. Le principal objectif de ce site est de vous présenter, vous et votre travail, de la meilleure manière possible.
Il doit vous faire sortir du lot et donner envie aux employeurs de dire « Wow ! J'aimerais travailler avec cette personne ». En fin de compte, il devra leur montrer que vous seriez génial à travailler avec eux, afin qu'ils soient incités à en savoir plus sur vous.
Un portfolio doit donc inclure certains éléments standard. Voici les éléments minimaux que votre portfolio doit inclure.
Le minimum indispensable d'un portfolio
Voici les éléments non négociables de tout portfolio de développeur :
- Un design responsive (apprenez comment faire cela ici)
- Des projets mettant en valeur votre travail
- Une section « à propos » ou un endroit où les personnes lisant votre site peuvent en apprendre plus sur vous
- Votre portfolio doit être accessible
- Votre portfolio doit avoir un domaine personnalisé. Achetez un nom de domaine – vous pouvez en obtenir pour moins de 10 $. N'envoyez pas les gens sur 39238834.netfily.com
- Un moyen pour les gens de vous contacter, de préférence votre email
Si vous avez ces six éléments non négociables sur votre portfolio, vous êtes bien parti.
Maintenant, examinons cinq façons d'améliorer votre portfolio, en commençant par une méthode non évidente.
Cinq choses que vous pouvez faire pour améliorer votre portfolio de développeur
1. Connaître votre public cible
Un domaine qui peut aider à améliorer votre portfolio est de savoir exactement quel est le but de votre portfolio. C'est-à-dire, pour qui est ce portfolio ?
Si je vous demandais quel est le but de votre portfolio, est-ce que le résultat correspond à cela ? Prenons un exemple : si le but de votre portfolio est de décrocher votre premier poste de développeur junior, alors votre portfolio sera très différent de celui de quelqu'un qui cherche à devenir développeur web freelance.
Par conséquent, la première chose à faire est de se demander quel est le but de votre portfolio. Commencez par une idée large, puis essayez de l'affiner. En gardant l'exemple du poste de développeur junior, vous pourriez l'affiner à un développeur frontend junior spécialisé dans React.
Si vous êtes un développeur frontend junior, votre portfolio n'aura pas besoin d'éléments comme les cartes de compétences génériques ci-dessous.
Ces cartes conviennent mieux à quelqu'un qui cherche du travail freelance.
Lorsque vous connaissez le but de votre portfolio, vous pouvez mieux adapter les informations pour communiquer pourquoi quelqu'un devrait vous aider à atteindre votre objectif.
2. Améliorez les détails de vos projets
Il s'agit de la section la plus importante de votre portfolio, et c'est celle que je vois souvent mal exécutée.
Si vous parcourez quelque chose comme r/webdev et que vous cherchez « portfolio », laissez-moi vous dire ce que vous allez voir si vous cliquez sur 90 % de ces portfolios et regardez les projets. Vous allez voir une application de calculatrice, une application météo, un morpion, une application de recherche de films, un clone de « insérer un grand site web », et ainsi de suite.
Maintenant, ne vous méprenez pas – ces projets sont utiles pour apprendre les compétences qu'ils nécessitent. Et les gens ont passé du temps à les réaliser. Le problème est que tout le monde construit les mêmes choses. Vous pouvez souvent simplement suivre un tutoriel et les créer sans trop réfléchir.
Il y a deux problèmes ici.
Le premier est que vous ne vous différenciez pas. Si je suis RH ou le responsable du recrutement, pourquoi devrais-je choisir votre application de calculatrice plutôt que les 30 autres dans la boîte de réception ? De plus, comment puis-je être sûr que vous avez construit cette chose vous-même et que vous n'avez pas simplement copié/collé du code d'un tutoriel ?
Le second est que la plupart des gens se contentent de mettre le projet, de lier le dépôt GitHub et peut-être une démonstration en direct. Cela ne donne pas beaucoup d'informations à la personne qui pourrait vous embaucher, et cela ne lui donne pas beaucoup de raisons de vous embaucher plutôt que quelqu'un d'autre qui a fait la même chose.
Alors, comment faire pour que votre section projets se démarque ? Examinons quelques façons d'améliorer la section projets de votre portfolio.
Ajoutez des projets originaux
Vous n'avez pas besoin de réinventer la roue ou de créer la prochaine grande application de médias sociaux. Mais ce serait bien si vous essayiez d'utiliser une API différente au lieu de l'API météo standard.
Vous pourriez, par exemple, créer une application de rapport de surf qui est similaire à une application météo, mais au lieu de cela, vous appelez différents endpoints. Cela me montre que vous savez comment appeler une API en dehors d'un tutoriel.
Si vous n'êtes pas sûr de comment créer votre propre projet original, consultez ce guide sur comment planifier et construire un projet de programmation pour débutants.
Donnez quelques détails sur le projet
Le premier problème est que de nombreux projets ne sont pas originaux. Le second est que la plupart des gens ne donnent pas plus que les détails de base sur le projet.
Ce qui vous fera sortir du lot, c'est de donner quelques détails sur votre projet. Lorsque je dis détails, ce que je veux dire, c'est de me raconter une histoire sur le projet. Les meilleurs portfolios que je vois me parlent du projet, ils ne se contentent pas de me le montrer.
Essayez de répondre à certaines de ces questions.
- Pourquoi avez-vous choisi de construire ce projet ?
- Qu'est-ce qui vous a posé problème lors de la réalisation de ce projet ?
- Qu'avez-vous appris en réalisant ce projet ?
- Quels enseignements avez-vous tirés pour d'autres projets ?
- Que feriez-vous différemment la prochaine fois ?
- Avez-vous été bloqué à un moment donné ? Comment vous en êtes-vous sorti ?
- Quel était votre processus pour compléter ce projet ? Avez-vous fait des wireframes, créé un tableau Trello, ou vous êtes-vous simplement lancé ?
Si vous répondez à ces questions et les formulez en quelques paragraphes succincts, je saurai maintenant beaucoup plus de choses sur vos capacités en tant que développeur. Je peux voir ce qui vous intéresse, comment vous surmontez les défis, comment vous apprenez de ces défis et quel est votre niveau de compétence.
Vous êtes déjà bien parti pour vous démarquer si vous suivez ce conseil.
3. Supprimez le superflu de votre portfolio
Parfois, la meilleure chose que vous puissiez faire pour améliorer votre portfolio est de supprimer des éléments.
Vous devriez supprimer les choses qui n'apportent aucune valeur à votre public cible et celles qui réduisent votre crédibilité.
Voici une liste de choses à supprimer et pourquoi.
- Les projets de tutoriels pas à pas. Ces projets nuisent à votre crédibilité. Ils ne sont pas originaux, ils ne montrent pas ce que vous pouvez faire. Ils montrent plutôt que vous pouvez copier ce que quelqu'un d'autre fait.
- Les projets non liés au développement ou au travail que vous essayez d'obtenir. Ceux-ci ne sont tout simplement pas pertinents pour votre public cible.
- Si l'un de vos projets est le portfolio lui-même. Pourquoi s'en débarrasser ? La raison est qu'ils sont sur votre portfolio maintenant. Ils interagissent avec le projet. Alors économisez de l'espace pour un autre projet.
- Les barres de progression des compétences. Bien qu'elles aient l'air cool, elles sont mauvaises. Si vous êtes junior, vous connaissez probablement 10 % de JavaScript, voudriez-vous représenter cela ? Que signifie 80 % de CSS ? Si vous supprimez une chose, faites en sorte que ce soit celles-ci.
- Si votre portfolio est une copie carbone du portfolio de quelqu'un d'autre – recommencez. Ce n'est pas cool pour commencer. De plus, je veux voir ce dont vous êtes capable, pas ce dont vous êtes capable de copier. Cela peut vous nuire à long terme.
4. Donnez de la personnalité à votre section « à propos »
Il y a cette chanson de Paul Kelly appelée « Every F$*#%) City » et l'idée générale de la chanson est que chaque ville est la même. Eh bien, j'ai vu beaucoup de portfolios et beaucoup d'entre eux se ressemblent.
La section qui est souvent la même est la section « à propos ». Examinons un exemple ci-dessous.
"Bonjour, je m'appelle Jonny Lucky, un développeur web Full-Stack de Example Town. J'adore construire des sites web qui résolvent les problèmes uniques de la vie.
Je travaille principalement avec MongoDB, Express, React, Node et GraphQL et j'ai configuré d'innombrables sites web WordPress et Shopify. Ma carrière précédente était celle de consultant IT, propriétaire d'entreprise de commerce électronique et marketeur numérique. J'aime aussi beaucoup bidouiller avec CSS.
Dans mon temps libre, je joue à des jeux vidéo et je fais aussi de l'exercice."
Bonjour Jonny Lucky, ou était-ce Lucy Lovely ? J'ai oublié parce que je suis la personne des RH et j'ai lu 50 de ces portfolios et ils sont tous très similaires.
Si je devais changer votre nom, votre ville et votre stack technique, beaucoup de ces candidats ne feraient plus qu'un.
Pour être honnête, il y a quelques touches personnelles comme le fait qu'ils « jouent à des jeux vidéo et font aussi de l'exercice ». Mais, devinez quoi ? Beaucoup d'autres candidats apprécient aussi ces choses.
Vous voyez le problème, si vous avez une section « à propos » comme celle ci-dessus ? Vous ne vous démarquerez pas et vous paraîtrez un peu rigide.
Votre section « à propos » doit être un peu épicée, elle doit montrer votre personnalité et votre expérience. Parce que votre personnalité est différente de celle des autres, votre section « à propos » doit l'être aussi.
Regardons la mienne pour vous donner une idée de ce que vous devriez viser. J'ai reçu quelques compliments à ce sujet.
"Je suis un ancien marketeur qui aime construire des choses avec du code.
Je suis tombé amoureux de la programmation pour la première fois en 2015. J'étais à San Francisco avec mon beau-frère et il me parlait de ce truc appelé Python et de la façon dont il pouvait automatiser les choses. En tant que personne qui cherche des efficacités, j'étais accro.
Je me suis lancé directement dans Python lors de mon vol retour vers l'Australie. Bientôt, j'automatisais mes propres choses. J'ai fait un bot pour réserver des cours à la salle de sport, un autre pour envoyer des rapports hebdomadaires à mon patron et j'en ai même fait un pour aimer le contenu de ma petite amie sur Instagram. Malheureusement, c'est aussi loin que cela est allé. Peu après, j'ai été promu. Donc, j'avais moins de temps pour apprendre et j'ai laissé la programmation de côté.
Mais, puis Covid est arrivé et soudainement j'avais plus de temps sans mon trajet. Alors, j'ai recommencé à apprendre. Plus précisément, j'ai appris le développement web, car j'avais des choses que je voulais construire pour moi-même.
Après quelques mois d'auto-apprentissage, je savais que c'était ce que je voulais faire pour ma carrière. Alors, je me suis inscrit au Bootcamp de l'académie des codeurs et j'y ai mis tout mon cœur et mon âme. Je codais tous les jours, tard dans la nuit et le week-end. Jusqu'à ce que je sois prêt à être lâché sur du code de production.
Depuis le bootcamp, j'ai grandi en tant que développeur, travaillant aux côtés de développeurs seniors qui m'ont aidé à élever mes standards pour ce qui est attendu de toute application web.
Je cherche maintenant un poste à temps plein où je peux contribuer avec mes compétences en codage et en affaires pour aider une entreprise à atteindre ses objectifs."
Comme vous pouvez le voir, ma section « à propos » est unique. Je dirais qu'il n'y a pas une autre âme sur la planète qui pourrait écrire la même section « à propos » sans dire quelques mensonges.
Maintenant, votre section « à propos » n'a pas besoin d'être extravagante, elle peut être professionnelle. Mais, et c'est un point clé...
Vous devez la rendre intéressante pour que la personne qui la lit veuille continuer à la lire.
Pour rendre votre section « à propos » intéressante, vous pouvez essayer des choses comme des histoires et des anecdotes. Essayez de les tisser avec les points clés que vous voulez faire passer.
Une autre façon de voir les choses est, si vous êtes invité à un entretien, votre section « à propos » serait-elle suffisamment intéressante pour que la personne qui vous interviewe dise « hey, j'ai adoré cette histoire sur X dans votre portfolio » ? Si elle peut faire cela, vous gagnez car vous avez ouvert un dialogue plus large.
En fin de compte, vous essayez de susciter l'intérêt de la personne qui regarde votre portfolio.
Pensez-y de cette manière. Si les RH ont 50 candidatures à traiter, ils ne vont interviewer que 5 de ces personnes.
Si votre section « à propos » est une version générique et fade comme la première, ils vont probablement la parcourir rapidement et passer à la section suivante. Si rien d'autre sur votre portfolio ne se démarque, alors ils passeront à la candidature suivante jusqu'à ce que quelque chose les frappe. Vous voulez attirer leur attention et les inciter à vous placer dans la pile des entretiens.
Puisque la plupart des portfolios sont génériques, il ne faut pas grand-chose pour se démarquer. Si vous avez moins d'expérience que quelqu'un d'autre mais que son portfolio est générique et que le vôtre ne l'est pas, je dirais que vous avez plus de chances d'être sélectionné pour un entretien.
Pourquoi ? Parce que nous aimons travailler avec des personnes que nous aimons, et si vous montrez que vous êtes une personne intéressante et unique, j'aimerais au moins en savoir plus sur vous.
5. Ajoutez quelques paillettes
L'une des leçons les plus importantes que j'ai apprises tôt dans mon Bootcamp de codage est que vous avez besoin du beignet avant les paillettes.
En regardant cette analogie en ce qui concerne votre portfolio, le beignet est toutes les autres choses que j'ai listées ci-dessus. Vous avez besoin des exigences de base d'un portfolio comme des projets solides, une section « à propos » intéressante et un design responsive.
Les paillettes doivent venir après que vous avez toutes les bases. Donc, si vous avez suivi les conseils ci-dessus, vous avez le beignet. Maintenant, vous pouvez commencer à faire briller votre portfolio.
Ajoutez des choses qui font qu'un employeur potentiel dit wow ! Vous pouvez ajouter des animations incroyables comme Christopher Cherupil, des effets de transition cool comme Philippe Neveu, ou un mode sombre comme Jhey Tompkins.
J'ai ajouté une modale thématique Zelda pour m'assurer qu'un employeur potentiel récupère mon CV avant de quitter mon ancien site de portfolio. J'ai juste fait en sorte d'avoir les bases d'abord.
Vous pouvez aussi laisser libre cours à vos idées, assurez-vous simplement de les exécuter. Vous ne voulez pas de paillettes non polies qui pourraient nuire aux éléments principaux de votre beignet.
Résumé
Si vous avez lu cet article et pensé, oh, mon portfolio est plutôt générique – ne vous inquiétez pas. Vous avez maintenant 5 choses que vous pouvez faire pour améliorer votre portfolio afin qu'il passe de la pile « oublié » à la pile « donner une entrevue à cette personne ».
Je peux souvent être trouvé dans les fils de discussion sur les conseils de portfolio sur Reddit et Twitter, essayant d'offrir des conseils aux personnes qui tentent de percer dans l'industrie.
Lorsque vous avez terminé d'améliorer votre portfolio et que vous cherchez des commentaires, assurez-vous de me tweeter avec un lien vers votre site.
Si vous avez un portfolio dont vous êtes fier ou si vous cherchez des commentaires, suivez-moi sur Twitter et tweetez le lien pour que je puisse le consulter et vous donner quelques commentaires.
Si vous en avez un super, je pourrais même l'ajouter à ma liste de portfolios qui pop.