| title | Portfolio et compte GitHub - Cédric Van Rompay - Juin 2025 |
|---|
Cédric Van Rompay
Juin 2025
Pour les autres :
- informer
- inspirer
Pour soi :
- expérimenter
- pratiquer
- des projets
- les meilleurs projets en avant
- diversité
- impact
(j'appelle « projet » ce que GitHub appelle « repository »)
- une idée → un projet
- une techno cool → un projet
- une liste → un projet
créer plein de projets, c'est :
- zéro coût
- de la visibilité
- du fun
On apprend:
- à créer un projet
- à passer de la théorie à la pratique
- à travailler en public
Quand on travaille en public (site perso, projets GitHub publics):
- ne pas mettre de données sous copyright / droits d'auteurs
- ne pas mettre de mots de passe
- faire attention à ses données personelles
- faire très attention aux données personelles des autres !
Beaucoup de liens !
- de LinkedIn à GitHub
- de GitHub à LinkedIn
- de vos comptes à votre site perso
- de votre site perso à vos comptes
Personellement, oui
Personellement, oui
- fait par GitHub pour se présenter
- à l'origine, "README" = point d'entrée de la documentation
- créer un projet dont le nom est votre pseudo GitHub
- créer un fichier
README.mddedans - écrire du texte au format Markdown
Documentation :
- https://docs.github.com/fr/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/managing-your-profile-readme#adding-a-profile-readme
- https://docs.github.com/fr/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax
https://github.com/cedricvanrompay/cedricvanrompay
Votre premier « vrai projet »
Documentation: https://pages.github.com/
- créez un projet dont le nom est
<votre pseudo GitHub>.github.io - écrivez du HTML, CSS et JavaScript dedans
- allez dans les réglages de votre projet, activez les « pages GitHub »
Plus tard vous pourrez aussi faire générer le site web par un framework : https://jekyllrb.com/, https://gohugo.io/, https://docusaurus.io/, https://vitepress.dev/, https://nextjs.org/, https://svelte.dev/ ...
- https://github.com/cedricvanrompay/cedricvanrompay.github.io (archivé)
- exemple avec des pages GitHub pour un projet :
La plupart des gens ne vont pas passer beaucoup de temps sur votre profil.
Assurez-vous qu'ils voient ce qu'il y a de plus important à voir.
Pas besoin de cacher vos mini-projets ou ceux à l'abandon, mais il ne faut pas que ce soit ça qui ressorte.
En anglais : « pin a repository »
- projets phares : besoin de valeur sûre
- autre projets : besoin de liberté et de ne pas se prendre la tête
En plus d'écrire votre propre HTML/CSS/JavaScript :
Utilisez des framework :
- JavaScript: https://react.dev/, https://fr.vuejs.org/, https://svelte.dev/
- CSS: https://tailwindcss.com/, https://getbootstrap.com/
- des « component libraries » (= du CSS pour des framework JS) ; voir par exemple https://prismic.io/blog/react-component-libraries
- vous allez avoir besoin de vos connaissances en JavaScript et CSS pour les utiliser au maximum
Copiez des designs :
- en étudiant le code
- « à l'oeil »
- journal de dévelopement
- liste d'articles que vous lisez, de vidéos que vous regardez sur la tech, etc...
- générateur de site statique, de présentations...
- des thèmes pour tout plein de framework (et des galeries de thèmes)
- un site web généré automatiquement qui retrace votre activité sur GitHub
- des idées de design de portfolios qui exposent .. des idées de design de portfolio
Retrouvez ces slides sur ... ce repository GitHub !
https://github.com/cedricvanrompay/slides-guide-profil-github