{"meta":{"title":"Écriture et stockage de votre code","intro":"Suivez le workflow de base du développeur pour créer une branche, écrire du code et ouvrir une pull request à l’aide de Copilot et GitHub Desktop.","product":"Bien démarrer","breadcrumbs":[{"href":"/fr/enterprise-cloud@latest/get-started","title":"Bien démarrer"},{"href":"/fr/enterprise-cloud@latest/get-started/start-your-journey","title":"Commencez votre voyage"},{"href":"/fr/enterprise-cloud@latest/get-started/start-your-journey/writing-and-storing-your-code","title":"Écrire et stocker du code"}],"documentType":"article"},"body":"# Écriture et stockage de votre code\n\nSuivez le workflow de base du développeur pour créer une branche, écrire du code et ouvrir une pull request à l’aide de Copilot et GitHub Desktop.\n\nVous allez maintenant créer la fonctionnalité du site web que vous avez prévue : une page qui répertorie les dépôts mis en favori. Au fil du processus, vous suivrez le processus de travail de base du développeur — en configurant un espace de travail, en apportant et en enregistrant vos modifications, puis en les proposant à la révision — à l’aide de branches, de commits et d’une pull request.\n\n## Logiciels requis\n\n* Clone local de votre `stargazers-log` référentiel. Si vous ne l’avez pas encore configuré, consultez [Se connecter à votre code en local](/fr/enterprise-cloud@latest/get-started/start-your-journey/connecting-to-your-code-locally).\n\n## Création d’une branche\n\nUne branche vous permet de travailler sur votre fonctionnalité dans son propre espace, sans modifier la `main` copie de votre code jusqu’à ce que vous soyez prêt.\n\n1. Ouvrez GitHub Desktop.\n2. En haut de l’application, cliquez sur **Current Branch**, puis sur **Nouvelle branche**.\n3. Nommez la branche `add-starred-list`, puis cliquez sur **Créer une branche**.\n4. Cliquez sur **Publier la branche** pour rendre la branche disponible sur GitHub.\n\n## Création du code du site web\n\nVotre fonctionnalité a besoin de quelques fichiers : exemples de données, feuille de style, script pour afficher les données et page d’accueil mise à jour.\n\nVous pouvez écrire ces fichiers vous-même ou demander Copilot, un assistant IA, de les générer. Chaque compte GitHub inclut l’accès à GitHub Copilot Free ainsi qu’une allocation de crédits d’IA, afin que vous puissiez commencer à utiliser Copilot immédiatement.\n\nPour en savoir plus sur les plans disponibles et sur le Copilot fonctionnement de l’utilisation, consultez [Plans de GitHub Copilot](/fr/enterprise-cloud@latest/copilot/get-started/plans).\n\nOuvrez Copilot Chat dans votre éditeur et demandez-lui de créer les fichiers avec une invite comme la suivante.\n\n<!-- markdownlint-disable search-replace -->\n\n```text copy\nCreate a starred repositories page for my software project. Add:\n- events.json with sample data for a few starred repositories\n- style.css to style a simple list\n- script.js to fetch events.json and render the list\n- an update to index.html that links style.css and script.js\n\nUse the code written in https://docs.github.com/get-started/start-your-journey/creating-and-changing-your-code.\n```\n\n<!-- markdownlint-enable search-replace -->\n\n<a href=\"vscode://GitHub.Copilot-Chat?ref_product=copilot&ref_type=engagement&ref_style=button\" target=\"_blank\" class=\"btn btn-primary mt-3 mr-3 no-underline\" aria-label=\"Open Copilot Chat in Visual Studio Code\">\n<span>OuvrirCopilot ChatdansVS Code</span><svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-link-external\" aria-label=\"link external icon\" role=\"img\"><path d=\"M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z\"></path></svg>\n</a><br><br>\n\nPassez en revue les Copilot éléments générés, puis ajustez les fichiers pour qu’ils correspondent aux exemples ci-dessous.\n\nSi vous n’avez pas utilisé Copilot, utilisez votre éditeur de code pour créer les fichiers ci-dessous dans la `add-starred-list` branche.\n\n1. Créez un fichier nommé `events.json` avec les exemples de données suivants. Enregistrez le fichier.\n\n   ```json copy\n   [\n     { \"name\": \"octocat/Hello-World\", \"starred\": \"2024-01-15\" },\n     { \"name\": \"github/docs\", \"starred\": \"2024-02-02\" },\n     { \"name\": \"octo-org/octo-repo\", \"starred\": \"2024-03-21\" }\n   ]\n   ```\n\n2. Créez un fichier nommé `style.css` avec les styles suivants. Enregistrez le fichier.\n\n   ```scss copy\n   body {\n     font-family: sans-serif;\n     margin: 2rem;\n   }\n\n   ul {\n     list-style: none;\n     padding: 0;\n   }\n\n   li {\n     padding: 0.5rem 0;\n     border-bottom: 1px solid #ddd;\n   }\n   ```\n\n3. Créez un fichier nommé `script.js` avec le code suivant. Enregistrez le fichier.\n\n   ```javascript copy\n   fetch(\"events.json\")\n     .then((response) => response.json())\n     .then((events) => {\n       const list = document.querySelector(\"#starred\");\n       events.forEach((event) => {\n         const item = document.createElement(\"li\");\n         item.textContent = `${event.name} — starred ${event.starred}`;\n         list.appendChild(item);\n       });\n     });\n   ```\n\n4. Mettez à jour `index.html` pour lier les nouveaux fichiers et conserver la liste. Enregistrez le fichier.\n\n   ```html copy\n   <!DOCTYPE html>\n   <html lang=\"en\">\n     <head>\n       <meta charset=\"utf-8\">\n       <title>Stargazers log</title>\n       <link rel=\"stylesheet\" href=\"style.css\">\n     </head>\n     <body>\n       <h1>Stargazers log</h1>\n       <p>A log of the repositories I've starred.</p>\n       <ul id=\"starred\"></ul>\n       <script src=\"script.js\"></script>\n     </body>\n   </html>\n   ```\n\n## Validation (commit) et envoi (push) de vos modifications\n\nLa validation enregistre un instantané de vos modifications, et le push les envoie vers GitHub, où elles seront stockées dans votre dépôt.\n\n1. Dans GitHub Desktop, passez en revue vos fichiers modifiés dans la barre latérale gauche.\n2. En bas de la barre latérale, dans le champ **Résumé** , tapez un message de validation tel que `Add starred repositories list`.\n3. Cliquez sur **Valider 4 fichiers dans add-starred-list**.\n4. Cliquez sur **Push origin** pour envoyer votre commit vers GitHub.\n\n## Ouverture d’une demande de tirage (pull request)\n\nUne pull request propose les modifications de votre branche pour examen avant leur fusion dans `main`.\n\n1. Dans GitHub Desktop, cliquez sur **Aperçu de la demande de tirage**, puis sur **Créer une demande de tirage**. Votre navigateur ouvre le formulaire de pull request sur GitHub.\n2. Passez en revue le titre et la description, puis ajoutez une note sur ce que fait votre fonctionnalité.\n3. Cliquez sur **Créer une pull request**.\n\n## Ce que vous avez accompli\n\n| Tâche                              | Résultat                                                                                                     |\n| ---------------------------------- | ------------------------------------------------------------------------------------------------------------ |\n| Création d’une branche             | Vous avez créé un espace isolé pour votre fonctionnalité avec `add-starred-list`.                            |\n| Écrit le code                      | Vous avez ajouté les fichiers de la fonctionnalité à votre branche, avec l’aide facultative de Copilot Chat. |\n| Vous avez poussé vos modifications | Vous avez enregistré les modifications de votre branche sur GitHub.                                          |\n| Ouverture d’une pull request       | Vous avez proposé vos modifications pour révision.                                                           |\n\n## Lectures complémentaires\n\n* [Plans de GitHub Copilot](/fr/enterprise-cloud@latest/copilot/concepts/billing/individual-plans)\n* [Facturation basée sur l’utilisation pour les individus](/fr/enterprise-cloud@latest/copilot/concepts/billing/usage-based-billing-for-individuals)\n* [Suivi de votre utilisation de GitHub AI Credits](/fr/enterprise-cloud@latest/copilot/how-tos/manage-and-track-spending/monitor-ai-usage)\n\n## Étapes suivantes\n\n* Avant de fusionner, passez en revue vos propres modifications pour détecter les problèmes au début. Passez à [Examen de vos modifications proposées](/fr/enterprise-cloud@latest/get-started/start-your-journey/reviewing-your-proposed-changes)."}