Prochain Live découverte : Filière développement web & app, le jeudi 9 janvier à 12h (je m’inscris)

Faire un portfolio professionnel avec GitHub !

21/11/2024
Faire un portfolio professionnel avec GitHub

Sébastien Lemoine, responsable des formations au sein de l’École O’clock, revient sur GitHub et nous dit comment bien l’utiliser comme portfolio.

Ce que vous allez découvrir dans cet article :

  • Pourquoi un profil GitHub soigné est indispensable pour attirer les recruteurs et valoriser vos projets de développement.
  • Comment structurer un portfolio GitHub pour qu’il reflète votre expérience professionnelle et vos compétences techniques.
  • Les avantages d’utiliser GitHub Pages pour personnaliser son portfolio en ligne, sans coût d’hébergement supplémentaire.
  • Pourquoi la régularité dans la mise à jour de votre portfolio est la clé pour maintenir l’intérêt des recruteurs et valoriser l’évolution de vos compétences.

—-

Plongeons dans le monde de GitHub et comment en faire un portfolio qui marque des points !
Vous pensez que GitHub n’est qu’un simple hébergeur de fichiers ? Détrompez-vous ! C’est bien plus que ça : c’est votre vitrine professionnelle, là où les recruteurs viennent jouer les détectives pour jauger vos compétences.

Créer un profil GitHub attrayant pour les recruteurs

Maîtriser GitHub aujourd’hui, c’est posséder une arme redoutable dans sa quête d’opportunités professionnelles. Un profil GitHub bien conçu devient un atout pour mettre en valeur vos projets de développement et illustrer votre expérience professionnelle. C’est offrir aux recruteurs une vitrine en direct de vos compétences, de vos projets, et de votre manière de travailler.

Pour un recruteur, un profil GitHub bien entretenu, c’est comme une lettre de motivation qui respire l’authenticité, preuve à l’appui.

Contrairement à un portfolio classique qui pourrait se limiter à de belles images et quelques descriptions succinctes, GitHub montre tout : votre organisation, votre documentation, votre manière de collaborer et bien sûr, la qualité de votre code.

Pourquoi GitHub est-il si prisé des recruteurs ?

En tant que recruteur ou responsable technique, voir un profil GitHub bien tenu, c’est comme lire une lettre de motivation enrichie de preuves concrètes. Chaque commit, chaque README, chaque échange dans une pull request raconte quelque chose de votre profil professionnel.

Voici ce que les recruteurs peuvent y observer :

    • La diversité de vos projets : que vous ayez réalisé une application web, un script d’automatisation ou une analyse de données, cela montre l’étendue de vos compétences techniques.

    • Votre rigueur et organisation : des commits bien détaillés, un README clair et des branches bien structurées traduisent un esprit organisé et professionnel.

    • Votre capacité à collaborer : participer à des projets open-source, commenter des pull requests, et répondre aux feedbacks montre votre aptitude à travailler en équipe.

L’utilisation de GitHub comme portfolio offre une visibilité authentique de vos compétences et de votre passion. Mais comment passer d’un simple dépôt de code à un profil qui marque les esprits ?

Les bases de Git et GitHub : pour un démarrage solide

Avant de se lancer dans l’optimisation de votre profil, il est essentiel de comprendre les bases de Git et GitHub. Git est un système de contrôle de version qui permet de suivre l’historique des modifications d’un projet, de travailler sur différentes versions en parallèle et de revenir à des versions précédentes si besoin.

Quelques commandes de base à connaître :

    • git commit : Pour sauvegarder vos modifications locales.

    • git push : Pour envoyer ces modifications sur votre dépôt distant (GitHub).

    • git pull : Pour récupérer les modifications des autres contributeurs.

GitHub, quant à lui, facilite le partage de vos projets et la collaboration. Créer un repository, apprendre à utiliser les branches pour tester de nouvelles idées sans impacter la version principale, ou encore maîtriser les pull requests, tout cela vous place dans la cour des grands. Une fois ces bases acquises, vous êtes prêt à optimiser votre profil.

Si vous souhaitez en apprendre plus sur l’utilisation de Git et Github, nous avons rédigé un Tuto GitHub : comment l’utiliser ?

Rendre son profil GitHub attractif : les meilleures pratiques

Un profil GitHub attractif se distingue par sa présentation soignée et sa clarté.

Votre README de profil (le fichier d’accueil que l’on trouve dans un repository portant votre nom d’utilisateur) est votre carte de visite. Il doit refléter votre parcours, vos compétences techniques, et les exemples de projets de développement que vous avez réalisés. Prenez le temps de vous présenter, de parler de votre parcours, et de lister vos compétences techniques.

Ci-dessous, un extrait de mon profil que vous pouvez retrouver ici.

Quelques astuces pour se démarquer :

    • Un README dynamique : Ajoutez-y des badges, des statistiques et des liens vers vos projets phares. Utilisez des outils comme GitHub Readme Stats pour afficher vos contributions, les langages que vous utilisez le plus et vos projets récents.

    • Documentation claire : Chaque repository doit inclure un README bien structuré. Celui-ci doit présenter le but du projet, les technologies utilisées et des instructions pour l’exécution du code. Un README bien rédigé montre que vous savez documenter et rendre vos projets accessibles.

    • Mise en avant des projets pertinents : Assurez-vous que vos projets phares soient mis en valeur. Un projet sans README ou sans structure claire pourrait passer inaperçu.

    • Intégration des GitHub Actions : Automatiser certaines tâches, comme les tests de vos projets ou la mise à jour de vos statistiques, montre que vous maîtrisez des outils avancés de l’écosystème.

Ces éléments font la différence et donnent l’image d’une personne rigoureuse, passionnée et prête à travailler dans un cadre professionnel.

💡 Astuce : Vous pouvez utiliser des templates proposés par des utilisateurs de GitHub et répertoriés sur cette page.

portfolio professionnel GitHub
Exemple de template de portfolio GitHub par l’utilisateur Cobiwave.

N’oubliez pas, votre README, c’est votre pitch de 30 secondes en version code. Alors, autant le rendre accrocheur dès le premier regard !

Les projets à réaliser pour se faire remarquer

Vous vous demandez peut-être quels projets pourraient attirer l’attention des recruteurs. Voici quelques idées qui feront de votre portfolio un aimant à opportunités :

1. Scripts d’automatisation

Les recruteurs techniques adorent les projets qui montrent votre capacité à optimiser des processus. Inclure des projets variés dans votre portfolio, que ce soit des scripts d’automatisation, des mini-applications web ou des contributions open-source, met en avant votre polyvalence et votre maîtrise des différentes facettes du développement.
Par exemple, un script qui facilite le déploiement d’un environnement ou qui automatise des tâches répétitives prouve votre sens pratique et votre expertise technique.
C’était l’objectif du projet OneCommandWPContainer que j’ai réalisé il y a peu mais qui m’a permis d’installer et déployer un environnement WordPress conteneurisé sur plusieurs machines virtuelles.

portfolio développeur professionnel github
La page ReadME du projet de Sébastien Lemoine.

2. Mini-applications web

Réaliser une application web utilisant des frameworks modernes comme React ou Vue montre que vous savez créer des interfaces utilisateur fonctionnelles et intuitives. Une application de liste de tâches, par exemple, est simple à réaliser mais peut démontrer votre compréhension des API et des interactions front-end.

3. Contributions à l’open-source

Rien ne montre mieux votre capacité à travailler en équipe qu’une contribution réussie à un projet open-source. Choisissez un projet qui vous passionne et apportez-y des améliorations. Cela vous permettra de vous connecter avec d’autres développeurs et d’apprendre de nouvelles pratiques.

La proposition d’une Pull Request (pour faire simple, c’est la proposition d’une modification dans un code), voir la mise à disposition d’un plugin pour un CMS sont de très bons exemples.

exemple projets portfolio github développeur
Un exemple de projet issu du portfolio de Sébastien. N’hésitez pas à jeter un coup d’oeil sur sa page GitHub. 

Pour l’exercice, je me suis pris au jeu de la création d’extension pour VS Code. C’est de là qu’est né PMCode, une extension vous permettant de faire de la gestion de projet Kanban sans sortir de votre IDE.

Utiliser GitHub Pages pour donner vie à votre portfolio

GitHub Pages est un service gratuit qui vous permet d’héberger des sites web directement depuis vos repositories GitHub. C’est une solution idéale pour personnaliser son portfolio et proposer une section d’accueil engageante, une section expérience avec vos projets phares, et une section compétences pour mettre en avant vos points forts.

En quelques étapes, vous pouvez transformer un repository en un site web professionnel et accessible à tous. Pour commencer : 

  • Créez un repository nommé username.github.io (remplacez username par votre identifiant GitHub).
  • Ajoutez-y des fichiers HTML, CSS et JavaScript, ou utilisez un générateur de site statique comme Jekyll pour personnaliser facilement votre portfolio (les thèmes Jekyll permettent un rendu professionnel et esthétique rapidement).
  • Une fois le contenu prêt, GitHub Pages publiera automatiquement votre site à l’adresse username.github.io.
  • Votre site peut inclure une page d’accueil engageante, des sections dédiées à vos projets, et des liens directs vers vos repositories. Pensez à ajouter des descriptions détaillées et des captures d’écran pour rendre vos projets plus attractifs. L’utilisation de GitHub Pages permet de montrer vos compétences en développement web et en gestion de contenu de manière professionnelle. C’est une vitrine interactive qui peut faire la différence lorsqu’un recruteur consulte votre profil.

Contribuer à un projet open source : un boost pour la visibilité

Revenons un instant sur le sujet de l’open source.
Chez O’clock, toute l’équipe pense comme moi, contribuer à l’open-source est l’une des manières les plus efficaces de se démarquer dans l’univers tech. Cela montre non seulement votre engagement envers la communauté, mais aussi votre capacité à collaborer avec d’autres développeurs sur des projets réels.

Contribuer à l’open-source, c’est prouver que vous êtes dans le jeu, pas juste un spectateur !

Participer à des projets open-source vous offre l’opportunité de travailler sur des codes de qualité, de suivre des discussions techniques, et d’acquérir de nouvelles compétences tout en contribuant au bien commun.

Un bon exemple est de contribuer à des bibliothèques ou outils que vous utilisez régulièrement.
Cela peut être aussi simple que de corriger des bugs, améliorer la documentation ou ajouter des fonctionnalités. Cette implication démontre aux recruteurs que vous êtes proactif et prêt à partager vos connaissances.

Mastodon, le « concurrent » de Twitter a notamment été développé en open source et le projet est toujours accessible.

Voici 2 autres projets que j’aime beaucoup :

  • Habitica, une application de gestion de tâches qui gamifie la productivité : les contributions possibles vont de l’ajout de nouvelles fonctionnalités, à l’amélioration de l’interface utilisateur, ou la correction de bugs.
  • Leaflet, une bibliothèque JavaScript pour des cartes interactives : vous pouvez contribuer à la documentation, la correction de bugs, ou encore à l’ajout de nouvelles fonctionnalités.

Nos conseils pour débuter dans l’open-source :

    • Choisissez un projet qui vous intéresse, qui vous motivera et dans lequel vous aimeriez investir du temps.

    • Commencez par de petites contributions, même des corrections mineures ou des suggestions d’amélioration dans la documentation peuvent faire la différence.

    • Soyez persévérant ! Collaborer sur un projet open-source peut être intimidant au début, mais avec le temps, cela devient plus naturel et enrichissant.

Participer à l’open-source, c’est l’un des meilleurs moyens de prouver votre proactivité. Choisissez un projet qui vous passionne, commencez par de petites contributions, et qui sait ? Votre prochaine pull request pourrait bien marquer les esprits.

Maintenir un portfolio GitHub actif

Vous l’aurez compris, en créant un profil attractif, en choisissant des projets stratégiques, et en contribuant à l’open-source, vous montrez votre expertise et votre capacité à collaborer. Un portfolio GitHub vivant et bien documenté témoigne de votre engagement, de votre créativité et de votre rigueur, des qualités prisées par les recruteurs.

Toutefois, n’oubliez pas, la régularité vaut mieux que l’excès. Maintenir un portfolio actif et bien documenté avec des mises à jour régulières dans la section expérience et des ajouts fréquents dans vos projets vous assure de refléter constamment votre évolution et vos compétences. Fixez-vous des objectifs réalistes, comme un petit projet ou une mise à jour chaque mois. C’est votre portfolio, pas une course contre la montre ! L’important, c’est de progresser sans pression et de rester en phase avec ce qui vous passionne. Vous verrez, en dosant bien, votre GitHub restera actif et pertinent sans sacrifier votre équilibre.

Créer et entretenir un portfolio GitHub soigné, c’est un investissement rentable. En montrant des projets bien documentés et en participant à un projet open source, vous affichez votre expertise et votre passion. Alors, prêt(e) à faire de votre GitHub un véritable aimant à opportunités ?