<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">

  <link rel="stylesheet" href="/github-copilot-app-workshop/assets/css/just-the-docs-default.css">

  <link rel="stylesheet" href="/github-copilot-app-workshop/assets/css/just-the-docs-head-nav.css" id="jtd-head-nav-stylesheet">

  <style id="jtd-nav-activation">
  
    .site-nav ul li a {
      background-image: none;
    }

  </style>

  

  

  <script src="/github-copilot-app-workshop/assets/js/just-the-docs.js"></script>

  <meta name="viewport" content="width=device-width, initial-scale=1">

  



  <!-- Begin Jekyll SEO tag v2.9.0 -->
<title>GitHub Copilot App Workshop | A 90-minute canvas-first workshop, published in English and French.</title>
<meta name="generator" content="Jekyll v4.4.1" />
<meta property="og:title" content="GitHub Copilot App Workshop" />
<meta property="og:locale" content="en" />
<meta name="description" content="A 90-minute canvas-first workshop, published in English and French." />
<meta name="twitter:description" property="og:description" content="A 90-minute canvas-first workshop, published in English and French." />
<meta property="og:site_name" content="GitHub Copilot App Workshop" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="GitHub Copilot App Workshop" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","description":"A 90-minute canvas-first workshop, published in English and French.","headline":"GitHub Copilot App Workshop","url":"/github-copilot-app-workshop/assets/css/just-the-docs-head-nav.css"}</script>
<!-- End Jekyll SEO tag -->


  <style>
  /* Hide the other language's nav entries. Matching the DIRECT child link means a
     hidden top-level item takes its whole subtree with it. */
  #site-nav .nav-list-item:has(> a.nav-list-link[lang="fr"]) { display: none; }
  #site-nav .nav-list-item.lang-hidden { display: none !important; }

  /* Language toggle. Layout only: it sets no colour of its own, so it inherits
     the theme's verified AA text and link colours rather than introducing a new
     pairing that would have to be re-measured. The underline keeps the link
     distinguishable without relying on colour alone (WCAG 1.4.1). */
  .lang-toggle {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.75rem;
    margin: 0 0 1.5rem;
    font-size: 0.875rem;
  }

  .lang-toggle-current {
    font-weight: 600;
  }

  .lang-toggle-link {
    text-decoration: underline;
  }
</style>
<script>
  // Fallback for browsers without CSS :has() support. `:scope >` has far wider
  // support than `:has()`, so this reproduces the direct-child semantics above.
  document.addEventListener('DOMContentLoaded', function () {
    var otherLang = "fr";
    document.querySelectorAll('#site-nav .nav-list-item').forEach(function (item) {
      var link = item.querySelector(':scope > a.nav-list-link');
      if (link && link.getAttribute('lang') === otherLang) {
        item.classList.add('lang-hidden');
      }
    });
  });
</script>


</head>

<body>
  <a class="skip-to-main" href="#main-content">Skip to main content</a>
  <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
  <symbol id="svg-link" viewBox="0 0 24 24">
  <title>Link</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link">
    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
  </svg>
</symbol>

  <symbol id="svg-menu" viewBox="0 0 24 24">
  <title>Menu</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
    <line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>
  </svg>
</symbol>

  <symbol id="svg-arrow-right" viewBox="0 0 24 24">
  <title>Expand</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
    <polyline points="9 18 15 12 9 6"></polyline>
  </svg>
</symbol>

  <!-- Feather. MIT License: https://github.com/feathericons/feather/blob/master/LICENSE -->
<symbol id="svg-external-link" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link">
  <title id="svg-external-link-title">(external link)</title>
  <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line>
</symbol>

  
  
</svg>

  
    <header class="side-bar">
  <div class="site-header">
    <a href="/github-copilot-app-workshop/" class="site-title lh-tight">
  GitHub Copilot App Workshop

</a>
    <button id="menu-button" class="site-button btn-reset" aria-label="Menu" aria-expanded="false">
      <svg viewBox="0 0 24 24" class="icon" aria-hidden="true"><use xlink:href="#svg-menu"></use></svg>
    </button>
  </div>

  <nav aria-label="Main" id="site-nav" class="site-nav">
  
  
    <ul class="nav-list"><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/" class="nav-list-link" lang="fr">Accueil</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/" class="nav-list-link" lang="en">Workshop</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/prerequis/" class="nav-list-link" lang="fr">Préalables</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/prerequisites/" class="nav-list-link" lang="en">Prerequisites</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Ateliers submenu" aria-expanded="false" lang="fr">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/github-copilot-app-workshop/fr/labs/" class="nav-list-link" lang="fr">Ateliers</a><ul class="nav-list"><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/labs/lab-00-setup/" class="nav-list-link" lang="fr">00 - Session et plan</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/labs/lab-01-create-canvas/" class="nav-list-link" lang="fr">01 - Créer et utiliser le canevas</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/labs/lab-02-refine-canvas/" class="nav-list-link" lang="fr">02 - Améliorer une exigence</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/labs/lab-03-verify-share/" class="nav-list-link" lang="fr">03 - Vérifier et transmettre</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Labs submenu" aria-expanded="false" lang="en">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/github-copilot-app-workshop/labs/" class="nav-list-link" lang="en">Labs</a><ul class="nav-list"><li class="nav-list-item"><a href="/github-copilot-app-workshop/labs/lab-00-setup/" class="nav-list-link" lang="en">Lab 00: Agree on the Plan</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/labs/lab-01-create-canvas/" class="nav-list-link" lang="en">Lab 01: Create the Canvas and Inspect It</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/labs/lab-02-refine-canvas/" class="nav-list-link" lang="en">Lab 02: Refine One Requirement</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/labs/lab-03-verify-share/" class="nav-list-link" lang="en">Lab 03: Verify and Decide</a></li></ul></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/downloads/" class="nav-list-link" lang="en">Downloads</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/telechargements/" class="nav-list-link" lang="fr">Téléchargements</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/resources/" class="nav-list-link" lang="en">Resources</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/ressources/" class="nav-list-link" lang="fr">Ressources</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Trousse d'animation submenu" aria-expanded="false" lang="fr">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/github-copilot-app-workshop/fr/facilitator/" class="nav-list-link" lang="fr">Trousse d'animation</a><ul class="nav-list"><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/facilitator/preflight/" class="nav-list-link" lang="fr">Points de contrôle préalables</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/facilitator/running-the-session/" class="nav-list-link" lang="fr">Déroulement de la séance</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/facilitator/reference-canvas/" class="nav-list-link" lang="fr">Canevas de référence</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/fr/facilitator/validation-status/" class="nav-list-link" lang="fr">État de la validation</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Facilitator Kit submenu" aria-expanded="false" lang="en">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/github-copilot-app-workshop/facilitator/" class="nav-list-link" lang="en">Facilitator Kit</a><ul class="nav-list"><li class="nav-list-item"><a href="/github-copilot-app-workshop/facilitator/preflight/" class="nav-list-link" lang="en">Preflight Gates</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/facilitator/running-the-session/" class="nav-list-link" lang="en">Running the Session</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/facilitator/reference-canvas/" class="nav-list-link" lang="en">Reference Canvas</a></li><li class="nav-list-item"><a href="/github-copilot-app-workshop/facilitator/validation-status/" class="nav-list-link" lang="en">Validation Status</a></li></ul></li></ul>
  
</nav>


<div class="d-md-block d-none site-footer">
  
  
    <span lang="en">This site uses <a href="https://github.com/just-the-docs/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</span>
  
  </div>
</header>

  
  <div class="main" id="top">
    <div id="main-header" class="main-header">
  
    <div></div>
  
  
  
</div>

    <div class="main-content-wrap">
      
      <div id="main-content" class="main-content">
        <main>
            <h.site-nav ul li a {
  background-image: linear-gradient(-90deg, rgb(92.0784313725%, 92.8705882353%, 96.0392156863%) 0%, rgba(92.0784313725%, 92.8705882353%, 96.0392156863%, 0.8) 80%, rgba(92.0784313725%, 92.8705882353%, 96.0392156863%, 0) 100%);
}

          

          
            
          
        </main>
        
<hr>
<footer>
  

  

  <div class="d-md-none mt-4 fs-2">
    
    
      <span lang="en">This site uses <a href="https://github.com/just-the-docs/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</span>
    
  </div>
</footer>

      </div>
    </div>
    
  </div>

  
</body>
</html>

