/Contribute-To-This-Project`.
- Cliquez sur _Clone_
|  |
|:----------------------------------------------------------------------------------------------------------: |
-| :arrow_right_hook: Un projet forké aura le symbole fork sur la gauche. Votre fork aura votre propre nom d'utilisateur GitHub. |  |
+| :arrow_right_hook: Un projet forké aura le symbole fork sur la gauche. Votre fork aura votre propre nom d'utilisateur GitHub. |  |
| :------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------: |
- La copie du projet sur votre disque dur prendra un moment. Il est conseillé de garder le chemin par défaut, qui est généralement `..\Documents\GitHub`.
- Vous avez maintenant une copie locale du projet.
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
-### Étape 3: créer une nouvelle branche
+### Étape 3: Créer une nouvelle branche
- Une fois que le repo a été cloné et que vous l’avez ouvert dans GitHub Desktop, il est temps de créer une nouvelle branche.
- Une branche est un moyen de séparer vos modifications de la partie principale du projet, appelée `master`. Par exemple, si les choses tournent mal et que vous n’êtes pas satisfait de vos modifications, vous pouvez simplement supprimer la branche et le projet principal ne sera pas affecté.
@@ -172,16 +172,16 @@ _Temps estimé: moins de 30 minutes_.
**Ne PAS travailler sur la branche `master`**
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
-### Etape 4: Ouvrir le fichier index.html
+### Étape 4: Ouvrir le fichier index.html
- Maintenant, nous devons ouvrir le fichier que nous allons éditer avec votre éditeur de code préféré.
- Recherchez le dossier du projet sur votre ordinateur. Si vous avez conservé la valeur par défaut, cela devrait être quelque chose comme `your-computer > Documents > GitHub > Contribute-To-This-Project`
- Le fichier `index.html` est à la racine du dossier `Contribute-To-This-Project`.
-- Ouvrez votre éditeur de code (Sublime, VS Code, Atom..etc) et utilisez la commande `Open file` et trouvez le fichier index.html dans le répertoire principal du projet
+- Ouvrez votre éditeur de code (Sublime, VS Code, Atom..etc), utilisez la commande `Open file` et trouvez le fichier index.html dans le répertoire principal du projet
|  |
| :---------------------------------------------------------------------------------------------------------------------: |
@@ -189,11 +189,11 @@ _Temps estimé: moins de 30 minutes_.
- Vous avez maintenant le fichier ouvert dans votre éditeur et vous êtes prêt à y apporter des modifications.
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
-### Etape 5: Copier la template de la carte
+### Étape 5: Copier la template de la carte
- Nous allons faire une copie du modèle de carte pour commencer à travailler dessus
- Dans le ``, vous trouverez une section ``. Elle contient d'autres sections.
@@ -209,8 +209,8 @@ _Temps estimé: moins de 30 minutes_.
|  |
| :-----------------------------------------------------------------------: |
-- Collez le tout directement sous le commentaire qui l’indique; right on top of the most recent contributor's card.
-- Assurez-vous qu’il n'y a qu'une seule ligne entre la fin de votre carte et le début de la dernière. Ajoutez également une ligne d'espace au début de votre carte, en-dessous du commentaire `=== Paste YOUR CARD directly BELOW this line ===`. C’est une bonne pratique qui permet de garder notre code aussi clair que possible
+- Collez le tout directement sous le commentaire qui l’indique; juste au-dessus de la contribution la plus récente.
+- Assurez-vous qu’il y a une ligne de marge entre la fin de votre carte et le début de la dernière. Ajoutez également une ligne de marge au début de votre carte, en-dessous du commentaire `=== Paste YOUR CARD directly BELOW this line ===`. C’est une bonne pratique qui permet de garder notre code aussi clair que possible
- N’utilisez pas de linters ou de formateurs de style. Le projet à une configuration Prettier
|  |
@@ -218,42 +218,42 @@ _Temps estimé: moins de 30 minutes_.
- **Vous** avez maintenant une carte à personnaliser et à modifier.
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
-### Etape 6: Apporter des modifications
+### Étape 6: Apporter des modifications
- Nous allons maintenant commencer à éditer le html, en changeant les champs personnalisables de notre carte.
-| :arrow_right_hook: Remplacez 'Name' par votre nom |  |
+| :arrow_right_hook: Remplacez 'Your name' par votre nom |  |
| :----------------------------------------------- | :----------------------------------------------------------: |
- **Note: Ne changez pas `class="name"`**
-| :arrow_right_hook: Copiez l'URL de votre compte Twitter dans `href="Insert URL here"`, et votre identifiant dans le champ de texte |  |
+| :arrow_right_hook: Copiez l'URL de votre compte Twitter dans `href="URL ici"`, et votre identifiant à la place de 'Your handle' |  |
| :--------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------: |
-- Si vous préférez utiliser un contact autre que Twitter, vous allez devoir remplacer l'icône Twitter `` en allant sur [Font Awesome Icons](http://fontawesome.io/icons/) et en cherchant pour un icône correspondant. Il faudra remplacer le texte `fa-x-twitter` par un autre icône, `fa-facebook` par example, et répéter les étapes précédentes pour l'URL et l'identifiant.
+- Si vous préférez utiliser un contact autre que Twitter, vous allez devoir remplacer l'icône Twitter `` en allant sur [Font Awesome Icons](http://fontawesome.io/icons/) et en trouvant un icône plus approprié. Il faudra remplacer l'identificateur `fa-x-twitter` par un autre icône, `fa-facebook` par example, et répéter les étapes précédentes pour l'URL et l'identifiant.
|  |
| :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
-| :arrow_right_hook: **Parlez-nous de vous. Soyez bref et concis. Voyez ça comme un tweet plutôt qu'un article de blog** |
+| :arrow_right_hook: **Parlez-nous de vous. Soyez bref et concis. Voyez ça comme un tweet plutôt qu'un article de blog.** |
|  |
-| :arrow_right_hook: **Partagez avec la communauté 3 liens vers des ressources que vous trouvez utiles au développement web. Cela peut être n'importe quoi: une vidéo, une conférence, un podcast, un article, une référence ou un outil. Si vous êtes un débutant, ne vous laissez pas intimider, partagez ce que vous connaissez, même si vous trouvez ça basique. Vous seriez surpris par le nombre de personnes qui trouvera ça utile.** |
+| :arrow_right_hook: **Partagez avec la communauté 3 liens vers des ressources que vous trouvez utiles au développement web. Cela peut être n'importe quoi: une vidéo, une conférence, un podcast, un article, une référence ou un outil. Si vous êtes débutant, ne vous laissez pas intimider, partagez ce que vous connaissez, même si vous trouvez ça basique. Vous serez surpris par le nombre de personnes qui trouveront ça utile.** |
-- **Lien:** insérez le lien dans `href="ici"`, en remplaçant le `#`. Evitez les URL raccourcis, ou les liens qui pointent d'autres sites que celui que vous voulez montrer!
+- **Lien:** insérez le lien dans `href="ici"`, en remplaçant le `#`. Évitez les URL raccourcis, ou les liens qui pointent vers d'autres sites que celui que vous voulez montrer.
- **Titre:** écrivez une description rapide dans `title="ici"`.
- **Nom:** écrivez le nom de la ressource dans le champ `>ici`.
- Assurez-vous d'avoir **enregistré toutes vos modifications**.
-- **Testez vos modifications**. C'EST IMPORTANT! Ouvrez le fichier html dans votre navigateur (en double-cliquant dessus par exemple) et voyez à quoi ressemblera votre carte sur le site. Vérifiez que la page entière est toujours la même et que rien n'est cassé. Cliquez sur vos liens et assurez-vous qu'ils fonctionnent. Ouvrez la console (Ctrl + Shift + J (Windows / Linux) ou Cmd + Opt + J (Mac)) et vérifiez qu'il n'y a pas de messages d'erreur.
+- **Testez vos modifications**. C'EST IMPORTANT! Ouvrez le fichier html dans votre navigateur (en double-cliquant dessus par exemple) et voyez à quoi ressemblera votre carte sur le site. Vérifiez que la page entière est toujours la même et que rien n'est cassé. Cliquez sur vos liens et assurez-vous qu'ils fonctionnent. Ouvrez la console (`Ctrl + Shift + J` (Windows / Linux) ou `Cmd + Opt + J` (Mac)) et vérifiez qu'il n'y a pas de messages d'erreur.
- Génial, vous avez fini de modifier votre code! Les étapes suivantes enverront vos modifications à GitHub, puis les soumettront pour être fusionnées avec le projet principal.
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
-### Etape 7: Appliquer un commit
+### Étape 7: Appliquer un commit
- Revenez à l'application de bureau GitHub.
- Vos modifications auront été ajoutées automatiquement à la zone de staging.
@@ -264,15 +264,15 @@ _Temps estimé: moins de 30 minutes_.
| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| :arrow_right_hook: L'étape suivante s'appelle _`Commit`_. Cela signifie, grossièrement, `confirmer les modifications` |
|  |
-| :arrow_right_hook: **Voici à quoi devrait ressembler votre en-tête de bureau GitHub. Notez le symbole de la fourche à côté du nom du projet dans `Current repository` ; votre `Current branch` aura le nom que vous lui avez donné à l'étape 3** |
+| :arrow_right_hook: **Voici à quoi devrait ressembler votre entête de bureau GitHub. Notez le symbole de la fourche à côté du nom du projet dans `Current repository` ; votre `Current branch` aura le nom que vous lui avez donné à l'étape 3** |
|  |
| :arrow_right_hook: **Pour _`Commit`_, vous devez remplir le champ _`Summary`_. C'est le message de validation expliquant ce que vous avez changé. Ici, `"Ajout des informations de ma carte"` serait un message raisonnable. Vous pouvez éventuellement ajouter une _`Description`_ plus détaillée. Cliquez sur le bouton _`Commit`_. Le bouton devrait dire `Commit to "your-branch-name"`** |
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
-### Etape 8: Faire un push à GitHub
+### Étape 8: Faire un push à GitHub
- Vos modifications sont maintenant enregistrées et committées. Mais les changements ne sont qu'en local, c'est-à-dire sur votre ordinateur.
- La synchronisation des modifications locales avec votre repo Github s'appelle un _Push_. Vous «poussez» les modifications de votre dépôt local vers le dépôt distant sur Github.
@@ -282,27 +282,27 @@ _Temps estimé: moins de 30 minutes_.
- Après quelques secondes, l'opération est terminée et vous avez la même version de cette branche sur GitHub que sur votre ordinateur.
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
-### Etape 9: Soumettre une PR (Pull Request)
+### Étape 9: Soumettre une PR (Pull Request)
- C'est le moment que vous attendiez; soumettre une _Pull Request_ (PR).
- Jusqu'à présent, tout le travail que vous avez effectué a été sur votre fork du projet, qui, comme vous vous en souvenez, réside sur votre propre compte de GitHub.
- Il est maintenant temps d'envoyer vos modifications au projet principal pour les fusionner.
- C'est ce qu'on appelle une [_Pull Request_](https://help.github.com/articles/about-pull-requests/ "About Pull Requests - Github Help"), parce que vous demandez au responsable du projet d'origine de "tirer" (_pull_) vos modifications dans son projet.
- Allez à la page principale de **votre fork** sur GitHub (elle aura l'icône de fork et votre nom d'utilisateur en haut).
-- Vers le haut du repo, vous verrez un message de pull request en surbrillance, avec un un bouton vert.
+- Vers le haut du repo, vous verrez un message de pull request en surbrillance, avec un bouton vert.
-|  |
+|  |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| :arrow_right_hook: **Cliquez sur `Compare and pull request`** |
-|  |
+|  |
| :arrow_right_hook: Voilà à quoi la page `Open a pull request` ressemble. |
- RAPPELEZ-VOUS: _vous essayez de fusionner votre branche avec le projet d'origine, et non avec la branche `Master` de votre fork_.
-- L'image ci-dessous vous donne une idée de ce à quoi devrait ressembler l'entête de votre pull request.
+- L'image ci-dessus vous donne une idée de ce à quoi devrait ressembler l'entête de votre pull request.
- Sur la gauche se trouve le projet d'origine, suivi de la branche principale. Sur la droite se trouve votre fork et la branche que vous avez créée.
|  |
@@ -313,56 +313,56 @@ _Temps estimé: moins de 30 minutes_.
- Laissez l'option `Allow edits from maintainers` cochée.
- Maintenant, une _Pull Request_ sera envoyée au responsable du projet. Dès qu'elles ont été examinées et acceptées, vos modifications apparaîtront sur le [page Web du projet](https://syknapse.github.io/Contribute-To-This-Project 'Contribuer à la page Web de ce projet').
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
-### Etape 10: Fêter ça
+### Étape 10: Fêter ça
C'est tout. Vous l'avez fait! Vous avez contribué à l'open source sur GitHub.
Vous avez ajouté du code à une page web en direct: [https://syknapse.github.io/Contribute-To-This-Project](https://syknapse.github.io/Contribute-To-This-Project)
-Vos modifications **ne seront pas visibles immédiatement**; ils doivent d'abord être examinés, acceptés et fusionnés par le responsable du projet. Une fois qu'ils sont fusionnés, votre carte doit être visible et en direct sur la page.
+Vos modifications **ne seront pas visibles immédiatement**; elles doivent d'abord être examinées, acceptées et fusionnées par le responsable du projet. Une fois vos changements fusionnés, votre carte sera visible en direct sur la page.
-Il est tout à fait normal qu'un reviewer demande des modifications sur une PR. Si cela vous arrive, considérez ça comme une bonne pratique. Gardez un œil sur les commentaires et les modifications demandées. Une fois que vous avez effectué les modifications demandées (de retour dans votre branche), il ne vous reste plus qu'à commit et à push vos modifications. La PR se mettra automatiquement à jour avec les nouvelles modifications.
+Il est tout à fait normal qu'un reviewer demande des modifications sur une PR. Si cela vous arrive, considérez ça comme un entraînement aux bonnes pratiques. Gardez un œil sur les commentaires et les modifications demandées. Une fois que vous avez effectué les modifications demandées (de retour dans votre branche), il ne vous reste plus qu'à commit et à push vos modifications. La PR se mettra automatiquement à jour avec les nouvelles modifications.
-Je promets d'essayer de lire et de fusionner les changements dès que possible, mais je le fais sur mon temps libre, un retard de quelques jours est donc inévitable.
+Je promets d'essayer de lire et de fusionner les changements dès que possible, mais je le fais sur mon temps libre, un délai de quelques jours est donc inévitable.
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
## Prochaines étapes
-- Revenez dans un moment pour vérifier votre pull request fusionnée.
+- Revenez dans un moment pour vérifier la fusion de votre pull request.
- Vous devriez recevoir un e-mail de GitHub lorsque vos modifications ont été approuvées, ou si des modifications supplémentaires sont demandées. Vous en recevrez un autre une fois que la PR est fusionnée avec `master` et que votre carte a été ajoutée.
- Vous pouvez aussi apprendre comment contribuer de cette série _gratuite_: [Comment Contribuer à un Projet Open Source sur GitHub](https://kcd.im/pull-request)
- Si vous avez trouvé ce projet **utile**, n'hésitez pas à lui donner une :star: star :star: en haut de la page et à écrire un **tweet** pour faire passer le mot [][twit]
- Vous pouvez **me suivre** et me contacter sur [𝕏 (Twitter)](https://twitter.com/Syknapse '@Syknapse') ou [via une de ces options](https://syknapse.github.io/Syk-Houdeib/#contact 'Mon contact | Portfolio')
-- Ce projet est open source, ce qui veut dire qu'en dehors de votre carte, vous êtes encouragé à aider dans la correction de bugs, l'amélioration et l'ajout de features. Ouvrez une [issue](https://help.github.com/articles/creating-an-issue/ 'Mastering Issues | GitHub Guides') ou envoyez une nouvelle [pull request](https://help.github.com/articles/creating-a-pull-request-from-a-fork/ 'Creating a pull request from a fork | GitHub Help')
+- Ce projet est open source, ce qui veut dire qu'en dehors de votre carte, vous êtes encouragé à aider dans la correction de bugs, l'amélioration et l'ajout de features. N'hésitez pas à ouvrir une [issue](https://help.github.com/articles/creating-an-issue/ 'Mastering Issues | GitHub Guides') ou à faire une nouvelle [pull request](https://help.github.com/articles/creating-a-pull-request-from-a-fork/ 'Creating a pull request from a fork | GitHub Help')
- Pour aider notre communauté, regardez l'onglet Github [Discussions](https://github.com/Syknapse/Contribute-To-This-Project/discussions) à côté des Pull Requests. C'est un endroit pour se présenter, parler de l'open source plus en détail, et communiquer avec les responsables du projet (maintainers). Allez-vous nous aider à développer cette feature, et porter la communauté?
- **Merci pour votre contribution à ce projet**. Vous pouvez maintenant essayer de contribuer à d'autres projets; cherchez des issues avec le label , indiquant des bonnes possibilités de contribution pour les débutants.
- Je cherche également des collaborateurs pour m'aider à lire et fusionner les PRs. Si vous voulez développer votre expérience sur Git, rejoignez le serveur Discord et lisez le [guide du mainteneur](/maintainer_guide.md).
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
---
### Remerciements
-Ce projet est fortement influencé par le projet de [Roshan Jossey](https://github.com/Roshanjossey), [first-contributions](https://github.com/Roshanjossey/first-contributions), et de son excellent tutoriel.
+Ce projet a été fortement influencé par le projet de [Roshan Jossey](https://github.com/Roshanjossey), [first-contributions](https://github.com/Roshanjossey/first-contributions), et de son excellent tutoriel.
Il est également particulièrement inspiré par la grande communauté autour de [#GoogleUdacityScholars](https://twitter.com/hashtag/GoogleUdacityScholars?src=hash): The Google Challenge Scholarship: Front-End Web Dev, promotion 2017 Europe.
### Licence
-The projet est sous la [Licence MIT](./LICENSE).
+Ce projet est sous la [Licence MIT](./LICENSE).
### Top 100 Contributeurs
[](https://github.com/Syknapse/Contribute-To-This-Project/graphs/contributors)
-[↑ Retour à l'index ↑](#index-dacces-rapide)
+[↑ Retour à l'index ↑](#index)
[twit]: https://twitter.com/intent/tweet?text=Contribute%20To%20This%20Project.%20An%20easy%20project%20for%20first-time%20contributors,%20with%20a%20full%20tutorial.%20By%20@Syknapse&url=https://github.com/Syknapse/Contribute-To-This-Project&hashtags=100DaysofCode 'Tweet this project'