CINXE.COM

The GitHub Insider

<!-- Archive Stuff --> <style> .signup { background-color: #d9f2fe; border-bottom: 1px solid #b8dbfc; color: #32383f; font-family: sans-serif; font-size: 1em; padding: 1.4rem 0; text-align: center; width: 100%; } .signup a { color: #0969da; text-decoration: underline; } .signup a:hover { color: black !important; text-decoration: none !important; } @media screen and (max-width:800px) { .signup a { display: block; margin-top: 1rem; } } </style> <div class="signup"> Get new issues of <em>The GitHub Insider</em> in your inbox. <a href="https://resources.github.com/newsletter?utm_medium=web&utm_source=github&utm_campaign=insider-archive-page">Sign up now &rarr;</a> </div> <!DOCTYPE html> <html lang="en" dir="ltr" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="format-detection" content="telephone=no, date=no, address=no, email=no"> <meta name="x-apple-disable-message-reformatting"> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark"> <title>The GitHub Insider</title> <!--[if mso]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]--> <style> /* General reset styles. */ body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } u+#body a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } #MessageViewBody a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } u+.body .glist { margin-left: 0 !important; } @media only screen and (max-width: 640px) { u+.body .glist { margin-left: 40px !important; } } /* Set default link styles here. Override them on hover to show users they are interactive. */ a { color: #0969da; font-weight: normal; text-decoration: none; } a:hover { color: #0969da !important; text-decoration: underline !important; } a.button { text-align: center; } a.button:hover { background-color: #2c974b !important; border-color: #2c974b !important; color: #ffffff !important; text-decoration: none !important; } @media screen and (max-width: 600px) { a.button { display: block !important; } } </style> <!-- Set your dark mode styles below. --> <style> :root { color-scheme: light dark; supported-color-schemes: light dark; } @media (prefers-color-scheme: dark ) { body, .email-container, .content-container, .callout { background-color: #000000 !important; color: #ffffff !important; } h1, h2, h3, strong { color: #ffffff !important; } a { color: #ffffff !important; text-decoration: underline !important; } .footer a { color: #999999 !important; text-decoration: none !important; } a:hover { color: #ffffff !important; text-decoration: none !important; } .footer a:hover { text-decoration: underline !important; } a.button { color: #ffffff !important; text-decoration: none !important; } .dark-mode-hide { display: none !important; } .dark-mode-show { display: block !important; } .callout a.button { background-color: #2ea44f !important; border-color: #2ea44f !important; } .callout a.button:hover { background-color: #2c974b !important; border-color: #2c974b !important; color: #ffffff !important; text-decoration: none !important; } } </style> </head> <body id="body" class="body" style="background-color: #ffffff; margin: 0 !important; padding: 0 !important;"> <div style="display:none"> Spoiler alert: it’s all about context &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; &#8199;&#65279;&#847; </div> <!-- This is the main container div, where we set some accessibility basics. --> <div class="email-container" role="article" aria-roledescription="email" aria-label="" lang="en" dir="ltr" style="background-color: #ffffff; font-size: medium; font-size: max(16px, 1rem);"> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="600" align="center" role="presentation"><tr><td> <![endif]--> <div class="content-container" style="color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 1.5; margin: 1rem auto; max-width: 600px; padding: 1em;"> <a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="display: block; margin: 0 0 2em 0;"> <img alt="GitHub" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B06958555-b158-43f9-9f4c-f7cc10a305a0%7D_github-logo-email.png" width="100" border="0" style="display: block;" class="dark-mode-hide"> <!--[if !mso]><!--> <img alt="GitHub" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B369cff35-9244-420e-9a83-1a9040d9e311%7D_github-logo-email-dark-mode.png" width="100" border="0" style="display: none;" class="dark-mode-show"> <!--<![endif]--> </a> <!-- Header --> <p style="margin: 2em 0 2em 0;"> <a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22"> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B0da1dee9-e914-4030-a21c-f4f02cc63994%7D_github-insider-header-2024.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </a> </p> <p style="margin: 2em 0 2em 0;"> Have you tried coding with AI yet? Fun fact: GitHub Copilot is now the <a href="https://github.blog/2023-06-27-the-economic-impact-of-the-ai-powered-developer-lifecycle-and-lessons-from-github-copilot/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">world’s most widely-adopted developer AI tool</a>, helping developers build up to <a href="https://github.blog/2022-09-07-research-quantifying-github-copilots-impact-on-developer-productivity-and-happiness/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">55% faster</a>. &#x1F4AA; But being popular doesn’t mean that plenty of us aren’t still new to the world of AI pair programming. &#x1F476; And even the GitHub Copilot veterans among us can still benefit from a few refreshers. So, in this edition of The GitHub Insider, we’re going to tackle some best practices related to prompt engineering to help you along your merry GitHub Copilot way! </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 0 0 0 0;"> What <em>is</em> prompt engineering? </h2> <p style="margin: 2em 0 2em 0;"> Before we get started, let’s define some terms. When we talk about “prompt engineering” with GitHub Copilot, what we’re talking about is how to best structure our text (or in this case, our code or code comments), so that it can be better understood by a generative AI model. </p> <p style="margin: 2em 0 2em 0;"> Different prompts can get you better suggestions and results. You can learn more about prompt engineering in <a href="https://github.blog/2023-06-20-how-to-write-better-prompts-for-github-copilot/#whats-a-prompt-and-what-is-prompt-engineering?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">this blog post</a>. </p> <p style="margin: 2em 0 2em 0;"> Here are some of our top tips for getting the best results: </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 0 0 0 0;"> #1 Provide context to get great inline suggestions &#x1F4AA; </h2> <p style="margin: 2em 0 2em 0;"> Context. Context. Context. Just like when pair programming with a real human, having information and context around a project or codebase is essential to getting the best results from GitHub Copilot. Although you <strong>can absolutely</strong> start using GitHub Copilot with a blank file, you can get even better results by doing just a few more things. </p> <p style="margin: 2em 0 2em 0;"> <strong>Open related files in VS Code while using GitHub Copilot.</strong> GitHub Copilot uses a technique called <a href="https://github.blog/2023-05-17-how-github-copilot-is-getting-better-at-understanding-your-code/#how-github-copilot-understands-your-code?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">neighboring tabs</a> to better understand your code. That means that having additional files open will help GitHub Copilot see the bigger picture of your project. Just having these files open will help GitHub Copilot get more context, offer better suggestions, and even code completion styles. </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bf797092f-e084-4a23-b5f8-7551746cb40a%7D_gh-insider-feb-2-1.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> <strong>Provide a top-level comment in your code file.</strong> This can help GitHub Copilot understand the overall context of what you’re trying to accomplish. (Plus, it’s good practice for commenting your code, because <em>code comments are good, actually.</em>) This can just be a simple description of what you’re accomplishing. </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bfa62033d-aeb1-44e4-974d-c68c165d6853%7D_gh-insider-feb-2-2.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> <strong>Input sample code.</strong> In your open editor, copy and paste sample code that’s close to what you’re looking for. Providing just a small example can help the tool generate suggestions that match the language and tasks you’re looking to achieve. (<strong>Pro Tip</strong> &#x2728;: You can also include sample code in a separate tab alongside your other project files.) </p> <p style="margin: 2em 0 2em 0;"> Be sure to check out <a href="https://www.youtube.com/watch?v=ImWfIDTxn7E" style="color: #0969da; font-weight: normal; text-decoration: none;">this video</a> for more tips and tricks. And check out <a href="https://github.blog/2023-06-20-how-to-write-better-prompts-for-github-copilot/#whats-a-prompt-and-what-is-prompt-engineering?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">this blog post</a> for even more prompt engineering goodies! </p> <!-- IMG --> <p style="margin: 2em 0 2em 0;"> <center> <a href="https://www.youtube.com/watch?v=ImWfIDTxn7E"> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B669a3b77-a89e-4971-b185-5e02197bfb24%7D_gh-insider-feb-2-3.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </a> </center> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> #2: Optimize your questions for better answers &#x1F3BA; </h2> <p style="margin: 2em 0 2em 0;"> Asking questions with GitHub Copilot Chat can help you code faster while <a href="https://github.blog/2024-01-22-how-to-get-in-the-flow-while-coding-and-why-its-important/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">staying in the flow</a>. It’s pretty dang cool. There are several things you can do to optimize your experience. </p> <p style="margin: 2em 0 2em 0;"> <strong>Use agents and slash commands.</strong> Agents collect extra context about a codebase and with the right one, GitHub Copilot Chat can send better info to the Copilot backend. For instance, use <span style="font-family:monospace;font-weight:bold;">@workspace</span> to ask questions about your project or <span style="font-family:monospace;font-weight:bold;">@vscode</span> to learn more about VS Code features. Plus, slash commands help GitHub Copilot Chat understand your intent about your question. To learn about a code base, use <span style="font-family:monospace;font-weight:bold;">/explain</span>; to fix an issue use <span style="font-family:monospace;font-weight:bold;">/fix</span>; to create a test, use <span style="font-family:monospace;font-weight:bold;">/test</span>. </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B8f702108-7086-41a6-bfc9-bd0b52f1fa16%7D_gh-insider-feb-2-4.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> <strong>Use context variables.</strong> With the <span style="font-family:monospace;font-weight:bold;">#</span> symbol, you can add context, allowing you to get better answers to your questions. </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;"><span style="font-family:monospace;font-weight:bold;">#selection</span> lets you focus the tool’s suggestions on the specific task you select in the editor.</li> <li style="margin-bottom: 0.4em;"><span style="font-family:monospace;font-weight:bold;">#file</span> allows you to reference specific files from your workplace.</li> <li style="margin-bottom: 0.4em;"><span style="font-family:monospace;font-weight:bold;">#editor</span> lets you control whether to include visible code of the active editor in your prompt.</li> </ul> </p> <!-- IMG --> <p style="margin: 2em 0 2em 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bd1be3463-5b88-4ae9-8839-401e08b5fd70%7D_gh-insider-feb-2-5.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> #3: Get the most out of “ghost text” &#x1F47B; </h2> <p style="margin: 2em 0 2em 0;"> Ghost text is what we call the suggested code that GitHub Copilot offers inline (<strong>Pro tip</strong>: as of the latest version of VS Code, you can now <a href="https://code.visualstudio.com/updates/v1_86#_github-copilot?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">change your ghost text font</a>) in applications like Visual Studio Code. But sometimes, those suggestions aren’t exactly right. </p> <p style="margin: 2em 0 2em 0;"> By pressing <strong>CMD+ENTER</strong> (Mac) or <strong>CTRL-ENTER</strong> (Windows or Linux), you can open up the GitHub Copilot Code Suggestion window. Here, you can view the different code suggestions and accept which one fits your needs best. </p> <p style="margin: 2em 0 2em 0;"> If none of the suggestions are exactly what you need, experiment with your prompt/comment or preceding code. </p> <!-- IMG --> <p style="margin: 2em 0 2em 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bac1f3eed-4c0d-4e3f-ac4f-43ff5d5bb4f7%7D_gh-insider-feb-2-6.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> Other resources and updates: </h2> <p style="margin: 2em 0 2em 0;"> Burke on the VS Code team made <a href="https://www.youtube.com/watch?v=jXp5D5ZnxGM" style="color: #0969da; font-weight: normal; text-decoration: none;">a great video</a> about getting up and running with GitHub Copilot in just minutes. </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <a href="https://www.youtube.com/watch?v=jXp5D5ZnxGM"> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bd80bf8e9-a38d-4f85-b47c-efe634119bd1%7D_gh-insider-feb-2-7.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </a> </center> </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">We <a href="https://github.blog/changelog/2024-02-12-vs-code-copilot-chat-january-2024-version-0-12/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">published a changelog</a> which details updates on the GitHub Copilot Chat extension for February 2024.</li> <li style="margin-bottom: 0.4em;"><a href="https://github.blog/2024-02-09-copilot-in-github-support-is-now-available/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">Copilot for GitHub Support</a> is now generally available!</li> <li style="margin-bottom: 0.4em;"><a href="https://docs.github.com/copilot/github-copilot-enterprise/overview/about-github-copilot-enterprise?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">GitHub Copilot for Enterprise</a> launches this week.</li> </ul> </p> <p style="margin: 2em 0 2em 0;"> We’ll have even more GitHub Copilot tips, tricks, and prompt engineering best practices for you in future editions of the <em>The GitHub Insider</em> newsletter so stay subscribed for more! </p> <!-- A button block. --> <p style="margin: 2em 0 2em 0; text-align: center;"> <a class="button" href="https://github.com/features/copilot/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="background: #2ea44f; border: 2px solid #2ea44f; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #2ea44f"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden>&nbsp;</i><![endif]--><span style="mso-text-raise:15pt;">Get started with GitHub Copilot</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]--> </a> </p> <hr style="border-width: 0; background: #eaeaea; color: #eaeaea; height: 1px"> <p style="margin: 2em 0 2em 0; text-align: center;"> <small>&#x2728; This newsletter was written by <a href="https://github.com/filmgirl?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">Christina Warren</a> and produced by <a href="https://github.com/purpledragon85/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="color: #0969da; font-weight: normal; text-decoration: none;">Gwen Davis</a>. &#x2728;</small> </p> <!-- Connect with us section. --> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #f5f7f9; border: 1px solid #dbdee2; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.8em; font-weight: bold; margin: 0 0 0 0;"> More to explore &#x1F30E; </h3> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <p style="margin: 2em 0 1em 0;"> <a href="https://learn.microsoft.com/en-us/training/modules/introduction-prompt-engineering-with-github-copilot/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22"> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bd73a8a9a-924f-4a98-a872-e08e8515fcab%7D_gh-insider-feb-2-8.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </a> </p> <h2 style="font-size: 1.2em; font-weight: bold; margin: 1em 0 1em 0; text-align: center;"> Take our prompt engineering 101 course </h2> <p style="margin: 1em 0 2em 0; text-align: center;"> Uncover techniques to transform your coding comments into precise and actionable code with our introductory course. </p> <!-- A button block. --> <p style="margin: 1em 0 4em 0; text-align: center;"> <a class="button" href="https://learn.microsoft.com/en-us/training/modules/introduction-prompt-engineering-with-github-copilot/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="background: #2ea44f; border: 2px solid #2ea44f; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #2ea44f"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden>&nbsp;</i><![endif]--><span style="mso-text-raise:15pt;">Get started now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]--> </a> </p> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #d9f2fe;"> <![endif]--> <div style="background-color: #d9f2fe; border: 1px solid #b8dbfc; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Subscribe to our LinkedIn newsletter &#x1F680; </h3> <p style="margin: 1em 0 1em 0;"> Do your best work on GitHub. Subscribe to our LinkedIn newsletter, <em>Branching Out_</em>. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://www.linkedin.com/newsletters/6958196028076429312/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden>&nbsp;</i><![endif]--><span style="mso-text-raise:15pt;">Sign up now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #fff7c2; border: 1px solid #ebd8b0; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Join our GitHub Copilot conversations &#x1F916; </h3> <p style="margin: 1em 0 1em 0;"> Visit our community forum to see what people are saying + offer your own two cents. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://github.com/orgs/community/discussions/categories/copilot/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden>&nbsp;</i><![endif]--><span style="mso-text-raise:15pt;">Visit now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <hr style="border-width: 0; background: #eaeaea; color: #eaeaea; height: 1px"> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="580" align="center" role="presentation"><tr><td> <![endif]--> <div class="content-container" style="color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 1.5; margin: 1rem auto; max-width: 580px; padding: 1em;"><!-- This is the footer. --> <center><a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-February-22" style="display: block; margin: 0 0 2em 0;"><img alt="GitHub" border="0" class="dark-mode-hide" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B06958555-b158-43f9-9f4c-f7cc10a305a0%7D_github-logo-email.png" style="display: block;" width="100" /> <!--[if !mso]><!--> <img alt="GitHub" border="0" class="dark-mode-show" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B369cff35-9244-420e-9a83-1a9040d9e311%7D_github-logo-email-dark-mode.png" style="display: none;" width="100" /> <!--<![endif]--> </a></center> <p style="font-size: 1.2em; color: #999999; margin: 0 0 2em 0; text-align: center;">The world&rsquo;s leading AI-powered developer platform.</p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10