<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Home | </title>
    <link>http://localhost:1313/</link>
      <atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" />
    <description>Home</description>
    <generator>HugoBlox Kit (https://hugoblox.com)</generator><language>nl-be</language><lastBuildDate>Mon, 01 Jan 2024 00:00:00 +0000</lastBuildDate>
    <image>
      <url>http://localhost:1313/media/logo.svg</url>
      <title>Home</title>
      <link>http://localhost:1313/</link>
    </image>
    
    <item>
      <title>AI Orientation for Your School</title>
      <link>http://localhost:1313/en/training-studio/opleidingen/2627a-orientatie-ai-school/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/training-studio/opleidingen/2627a-orientatie-ai-school/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Management &amp; policy&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Strategic&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627a.jpg&#34; alt=&#34;AI Orientation for Your School&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Artificial intelligence is no longer a distant future — it is already present in Microsoft 365, in Teams, in Word, and in the tools your teachers use every day. But how do you approach AI as a school in a thoughtful and safe way? Where do you begin, and what can you realistically expect?&lt;/p&gt;
&lt;p&gt;This session gives school management and policy staff a clear and grounded picture of the current state of AI in education. Without hype, without fear, but with a practical framework that fits your school.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9.879 7.519c1.172-1.025 3.071-1.025 4.243 0c1.171 1.025 1.171 2.687 0 3.712q-.308.268-.67.442c-.746.361-1.452.999-1.452 1.827v.75M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9 5.25h.008v.008H12z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;The state of AI in education:&lt;/strong&gt; what AI tools are already present in Microsoft 365 (Copilot, Bing Chat Enterprise, Designer), how they work, and what this means for your school, teachers, and students today.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Safe and responsible AI use:&lt;/strong&gt; privacy and data protection (GDPR), what Microsoft does to protect school data, how to draw up an AI use policy, and what a classroom contract for students looks like in practice.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M12 18v-5.25m0 0a6 6 0 0 0 1.5-.189m-1.5.189a6 6 0 0 1-1.5-.189m3.75 7.478a12.1 12.1 0 0 1-4.5 0m3.75 2.383a14.4 14.4 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Opportunities for your school:&lt;/strong&gt; where AI genuinely saves time and adds value for teachers, where the risks lie, and how to create a widely supported approach that is grounded in your school&amp;rsquo;s own context.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 6.75V15m6-6v8.25m.503 3.499l4.875-2.438c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934a1.12 1.12 0 0 1-1.006 0L9.503 3.252a1.13 1.13 0 0 0-1.006 0L3.622 5.689A1.13 1.13 0 0 0 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934a1.12 1.12 0 0 1 1.006 0l4.994 2.497c.317.158.69.158 1.006 0&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Your school&amp;rsquo;s AI roadmap:&lt;/strong&gt; a practical framework for building an AI policy step by step — from a first classroom contract to a fully-fledged school-level AI policy, anchored in the Digiplan (Belgium&amp;rsquo;s compulsory ICT policy plan from September 2026).&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;after-this-session&#34;&gt;After this session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;You have a realistic picture of what AI tools are already active in your school environment.&lt;/li&gt;
&lt;li&gt;You know the key risks and how to address them with a simple policy.&lt;/li&gt;
&lt;li&gt;You have a first draft of an AI use policy or classroom contract to build on.&lt;/li&gt;
&lt;li&gt;You know the next concrete steps for your school&amp;rsquo;s AI strategy.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Book this training &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Apprentissage socio-émotionnel avec Microsoft Reflect</title>
      <link>http://localhost:1313/fr/training-studio/opleidingen/2627f-sociaal-emotioneel-leren-reflect/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/training-studio/opleidingen/2627f-sociaal-emotioneel-leren-reflect/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180–360 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Enseignants &amp; coord. soins&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Débutant – Approfondissement&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627f.jpg&#34; alt=&#34;Apprentissage socio-émotionnel avec Microsoft Reflect&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Les élèves qui se sentent bien apprennent mieux. Mais l&amp;rsquo;état émotionnel d&amp;rsquo;une classe est souvent invisible — jusqu&amp;rsquo;à ce qu&amp;rsquo;il ne le soit plus. Microsoft Reflect donne aux enseignants un moyen simple de vérifier régulièrement le bien-être des élèves, de visualiser les tendances et d&amp;rsquo;intervenir à temps.&lt;/p&gt;
&lt;p&gt;Cette formation se décline en deux niveaux. Le niveau débutant donne une introduction pratique à l&amp;rsquo;outil. Le niveau approfondissement l&amp;rsquo;intègre dans une politique plus large de suivi du bien-être.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/microsoft-reflect.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Microsoft Reflect — les bases :&lt;/strong&gt; qu&amp;rsquo;est-ce que Reflect, comment le lier à Teams, créer des check-ins d&amp;rsquo;émotions et des questionnaires, partager des résultats avec la classe (anonymement ou non) et le rôle du vocabulaire émotionnel.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Données et aperçus :&lt;/strong&gt; consulter et interpréter les rapports de bien-être, identifier des signaux précoces de problèmes, suivi individuel vs. groupe et comment utiliser les données de manière responsable dans votre approche pédagogique.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M15 19.128a9.4 9.4 0 0 0 2.625.372a9.3 9.3 0 0 0 4.121-.952q.004-.086.004-.173a4.125 4.125 0 0 0-7.536-2.32M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.3 12.3 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0a3.375 3.375 0 0 1 6.75 0m8.25 2.25a2.625 2.625 0 1 1-5.25 0a2.625 2.625 0 0 1 5.25 0&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;SEL et politique scolaire &lt;em&gt;(niveau approfondissement) :&lt;/em&gt;&lt;/strong&gt; intégrer Reflect dans un plan de bien-être plus large, combiner avec d&amp;rsquo;autres outils comme les Devoirs Teams, et préparer l&amp;rsquo;équipe — comment commencer en tant qu&amp;rsquo;école et maintenir la cohérence.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M11.42 15.17L17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14q.19.017.384.017a4.5 4.5 0 0 0 4.102-6.352l-3.276 3.276a3 3 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Pratique :&lt;/strong&gt; vous configurez votre propre environnement Reflect pendant la session et vous repartez avec un premier check-in prêt à envoyer à votre classe.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;après-cette-session&#34;&gt;Après cette session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Vous pouvez configurer et utiliser Microsoft Reflect dans Teams pour les check-ins d&amp;rsquo;émotions réguliers.&lt;/li&gt;
&lt;li&gt;Vous savez comment consulter les rapports de bien-être et réagir à temps aux signaux précoces.&lt;/li&gt;
&lt;li&gt;&lt;em&gt;(Niveau approfondissement)&lt;/em&gt; Vous disposez d&amp;rsquo;un plan pour intégrer Reflect dans la politique de bien-être de votre école.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Réserver cette formation &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Copilot als uw persoonlijke assistent</title>
      <link>http://localhost:1313/training-studio/opleidingen/2627b-copilot-assistent/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/training-studio/opleidingen/2627b-copilot-assistent/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Leerkrachten &amp;amp; directie&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Verdieping&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627b.jpg&#34; alt=&#34;Copilot als persoonlijke assistent&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Stel je voor: een assistent die je lesfiches helpt schrijven, rubrieken genereert, enquêtes automatisch verstuurt én vergaderverslagen maakt, allemaal in je vertrouwde Microsoft-omgeving. Zonder extra tools, zonder code.&lt;/p&gt;
&lt;p&gt;Microsoft Copilot doet precies dat. Niet alleen een antwoordmachine, maar een AI die taken zelfstandig overneemt, wat we &amp;lsquo;agentic AI&amp;rsquo; noemen. In deze sessie ontdek je hoe Copilot werkt voor leerkrachten én voor directie, en bouw je je eigen workflow of promptbibliotheek. Je vertrekt met iets wat morgen al bruikbaar is.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programma&#34;&gt;Programma&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/microsoft-copilot.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;AI &amp;amp; Copilot in de klas:&lt;/strong&gt; Copilot Teach Module voor lesfiches en rubrics, AI-gebruik per opdracht instellen, AI-gegenereerde rubrics in Teams Opdrachten, alle recente functies in de praktijk.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/Microsoft_365_Copilot.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Agentic AI voor directie &amp;amp; beleid:&lt;/strong&gt; Copilot Workflows (no-code automatisering), Surveys Agent voor enquêtes van a tot z, meeting summaries en communicatiedrafts, Copilot als beleidsondersteuner.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M11.42 15.17L17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14q.19.017.384.017a4.5 4.5 0 0 0 4.102-6.352l-3.276 3.276a3 3 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Zelf bouwen:&lt;/strong&gt; je automatiseert één eigen workflow of bouwt een Copilot-prompt voor je eigen context. Praktisch, hands-on, met begeleiding.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Veiligheid &amp;amp; schoolbeleid:&lt;/strong&gt; waar gaat jullie schooldata naartoe als Copilot meewerkt? We bekijken de Microsoft-garanties rond dataveiligheid, wat AVG betekent in een Copilot-context, en welke instellingen directie en ICT-coördinator nodig hebben om grip te houden op het gebruik in school.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;na-deze-sessie&#34;&gt;Na deze sessie&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Heb je een eigen werkende Copilot-workflow, als leerkracht of als directielid.&lt;/li&gt;
&lt;li&gt;Heb je een persoonlijke promptbibliotheek klaar voor gebruik.&lt;/li&gt;
&lt;li&gt;Begrijp je het verschil tussen generatieve AI en agentic AI, en wat dat betekent voor jouw praktijk.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Boek deze opleiding &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Copilot as Your Personal Assistant</title>
      <link>http://localhost:1313/en/training-studio/opleidingen/2627b-copilot-assistent/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/training-studio/opleidingen/2627b-copilot-assistent/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Teachers &amp; management&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Advanced&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627b.jpg&#34; alt=&#34;Copilot as Your Personal Assistant&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Copilot is already present in the Microsoft tools you use every day. But knowing where to find it and actually getting it to save you real time are two different things. In this session you discover how to use Copilot as a genuine personal assistant — for lesson preparation, communication, meetings, and administrative tasks.&lt;/p&gt;
&lt;p&gt;No prompting jargon, no abstract theory. You work directly in your own Microsoft 365 environment with realistic examples from school practice.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/microsoft-copilot.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Copilot in Microsoft 365:&lt;/strong&gt; where Copilot lives (Word, Teams, Outlook, OneNote, Edge), what it can and cannot do, and how it handles your school data securely (GDPR and Microsoft&amp;rsquo;s data protection).&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/Microsoft_365_Copilot.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Copilot for lesson preparation:&lt;/strong&gt; generating a lesson structure from a topic or description, adapting texts for different reading levels, creating quizzes and exercises, summarising long documents, and translating materials.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Copilot for communication and administration:&lt;/strong&gt; drafting emails and newsletters, summarising meeting notes in Teams, creating agendas, and improving feedback texts for parents or students.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Responsible use:&lt;/strong&gt; setting AI use rules per assignment in Teams, teaching students to work transparently with AI, and what a practical classroom contract looks like.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;after-this-session&#34;&gt;After this session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;You know where Copilot lives in Microsoft 365 and how to activate it.&lt;/li&gt;
&lt;li&gt;You can use Copilot for lesson preparation, communication, and administrative tasks.&lt;/li&gt;
&lt;li&gt;You know how to set AI use rules per Teams assignment.&lt;/li&gt;
&lt;li&gt;You have a first draft of a classroom contract for AI use.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Book this training &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Copilot comme assistant personnel</title>
      <link>http://localhost:1313/fr/training-studio/opleidingen/2627b-copilot-assistent/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/training-studio/opleidingen/2627b-copilot-assistent/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Enseignants &amp; direction&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Approfondissement&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627b.jpg&#34; alt=&#34;Copilot comme assistant personnel&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Copilot est déjà présent dans les outils Microsoft que vous utilisez au quotidien. Mais savoir où le trouver et vraiment l&amp;rsquo;utiliser pour gagner du temps réel sont deux choses différentes. Dans cette session, vous découvrez comment utiliser Copilot comme un véritable assistant personnel — pour la préparation des cours, la communication, les réunions et les tâches administratives.&lt;/p&gt;
&lt;p&gt;Pas de jargon sur les prompts, pas de théorie abstraite. Vous travaillez directement dans votre propre environnement Microsoft 365 avec des exemples réalistes tirés de la pratique scolaire.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/microsoft-copilot.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Copilot dans Microsoft 365 :&lt;/strong&gt; où se trouve Copilot (Word, Teams, Outlook, OneNote, Edge), ce qu&amp;rsquo;il peut et ne peut pas faire, et comment il traite les données de votre école en toute sécurité (RGPD et protection des données par Microsoft).&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/Microsoft_365_Copilot.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Copilot pour la préparation des cours :&lt;/strong&gt; générer une structure de cours à partir d&amp;rsquo;un sujet ou d&amp;rsquo;une description, adapter des textes à différents niveaux de lecture, créer des quiz et des exercices, résumer de longs documents et traduire des matériaux.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Copilot pour la communication et l&amp;rsquo;administration :&lt;/strong&gt; rédiger des e-mails et des bulletins d&amp;rsquo;information, résumer des comptes rendus de réunion dans Teams, créer des agendas et améliorer les textes de retour pour les parents ou les élèves.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Utilisation responsable :&lt;/strong&gt; définir des règles d&amp;rsquo;utilisation de l&amp;rsquo;IA par devoir dans Teams, enseigner aux élèves à travailler de manière transparente avec l&amp;rsquo;IA, et à quoi ressemble un contrat de classe pratique.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;après-cette-session&#34;&gt;Après cette session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Vous savez où se trouve Copilot dans Microsoft 365 et comment l&amp;rsquo;activer.&lt;/li&gt;
&lt;li&gt;Vous pouvez utiliser Copilot pour la préparation des cours, la communication et les tâches administratives.&lt;/li&gt;
&lt;li&gt;Vous savez comment définir des règles d&amp;rsquo;utilisation de l&amp;rsquo;IA par devoir Teams.&lt;/li&gt;
&lt;li&gt;Vous disposez d&amp;rsquo;un premier projet de contrat de classe pour l&amp;rsquo;utilisation de l&amp;rsquo;IA.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Réserver cette formation &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>La technologie au service de l&#39;enseignement inclusif</title>
      <link>http://localhost:1313/fr/training-studio/opleidingen/2627e-inclusiever-lesgeven/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/training-studio/opleidingen/2627e-inclusiever-lesgeven/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Enseignants &amp; coord. soins&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Approfondissement&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627e.jpg&#34; alt=&#34;La technologie au service de l&#39;enseignement inclusif&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Microsoft 365 est construit avec l&amp;rsquo;accessibilité à l&amp;rsquo;esprit. Le Lecteur immersif, la mise en évidence des parties du discours, la traduction intégrée, la dictée — ce sont des fonctionnalités de standard qui font une vraie différence pour les élèves ayant des difficultés d&amp;rsquo;apprentissage (dyslexie, TDAH, difficultés de langue).&lt;/p&gt;
&lt;p&gt;Dans cette session, vous apprenez à utiliser ces outils dans la pratique — pas comme un module à part, mais comme une partie normale de votre approche pédagogique.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/microsoft-immersive-reader.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Lecteur immersif :&lt;/strong&gt; activer et configurer le Lecteur immersif dans Word, OneNote, Teams et Outlook. Paramètres de mise en évidence des parties du discours, de syllabification et de lecture vocale. Comment apprendre à vos élèves à utiliser l&amp;rsquo;outil de manière autonome.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 0 1-3-3V4.5a3 3 0 1 1 6 0v8.25a3 3 0 0 1-3 3&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Dictée et traduction :&lt;/strong&gt; utiliser la dictée dans Word et OneNote, les paramètres de traduction automatique dans Teams et Outlook, et comment ces outils soutiennent les élèves allophones et les élèves ayant des problèmes moteurs.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Devoirs inclusifs :&lt;/strong&gt; créer des devoirs Teams accessibles, utiliser des rubriques avec des critères clairs, fournir des retours audio et comment différencier les tâches tout en maintenant une évaluation cohérente.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M12 18v-5.25m0 0a6 6 0 0 0 1.5-.189m-1.5.189a6 6 0 0 1-1.5-.189m3.75 7.478a12.1 12.1 0 0 1-4.5 0m3.75 2.383a14.4 14.4 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;De l&amp;rsquo;outil à la politique :&lt;/strong&gt; comment intégrer les outils d&amp;rsquo;accessibilité dans votre politique scolaire, quelles étapes aborder en équipe et comment mesurer l&amp;rsquo;impact sur la participation des élèves.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;après-cette-session&#34;&gt;Après cette session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Vous maîtrisez le Lecteur immersif et les autres outils d&amp;rsquo;accessibilité dans Microsoft 365.&lt;/li&gt;
&lt;li&gt;Vous pouvez différencier les devoirs Teams sans perdre la cohérence dans l&amp;rsquo;évaluation.&lt;/li&gt;
&lt;li&gt;Vous disposez d&amp;rsquo;un plan pratique pour intégrer l&amp;rsquo;accessibilité dans votre pratique quotidienne ou votre politique scolaire.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Réserver cette formation &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Leesvoortgang en Leescoach gericht inzetten in de klas en op school</title>
      <link>http://localhost:1313/training-studio/opleidingen/2627d-leescoach-en-leesvoortgang/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/training-studio/opleidingen/2627d-leescoach-en-leesvoortgang/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Leerkrachten &amp;amp; taalcoörd.&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Instap&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627d.jpg&#34; alt=&#34;Leesvoortgang en Leescoach&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Wat als elke leerling een persoonlijke leescoach had die zich aanpast aan zijn niveau, dag en nacht beschikbaar is en nooit ongeduldig wordt?&lt;/p&gt;
&lt;p&gt;Microsoft Leescoach doet precies dat. In deze sessie stap je voor het eerst in de wereld van de Microsoft-leerversnellers voor lezen: van Leescoach en Leesvoortgang tot spreekvaardigheid oefenen met Sprekervoortgang, hoe je deze tools op verschillende manieren inzet in de klas, en hoe je er als school een doordacht beleid rond opbouwt zodat er systematisch en meetbaar gelezen wordt.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programma&#34;&gt;Programma&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9.879 7.519c1.172-1.025 3.071-1.025 4.243 0c1.171 1.025 1.171 2.687 0 3.712q-.308.268-.67.442c-.746.361-1.452.999-1.452 1.827v.75M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9 5.25h.008v.008H12z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Waarom lezen en spreken digitaal oefenen?&lt;/strong&gt; Wat AI doet dat een leerkracht niet alleen kan.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reading.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Leescoach in de praktijk:&lt;/strong&gt; 3 modi (Maak een verhaal / Lees een tekst / eigen inhoud), Insluitende lezer ingebouwd, voortgangsrapport interpreteren. &lt;em&gt;Hands-on: eerste oefening opzetten.&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reading.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Leesvoortgang klassikaal gebruiken:&lt;/strong&gt; individuele oefening, klassikale opdracht, gedifferentieerde aanpak. Leesvoortgang als monitoringstool: begripsvragen, data per leerling, trends opvolgen.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/speaker.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Sprekervoortgang:&lt;/strong&gt; AI-feedback op mondelinge taken en presentaties. Hoe zet je dit in naast Leesvoortgang en Leescoach in voor een bredere taalontwikkeling?&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008zm0 3h.008v.008h-.008zm0 3h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Schoolbeleid rond systematisch lezen:&lt;/strong&gt; hoe embed je de leerversnellers structureel in de school?&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reflect.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reflect als check-out:&lt;/strong&gt; Reflect inzet als afsluiter na een leesopdracht, als brug naar welbevinden en betrokkenheid.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;na-deze-sessie&#34;&gt;Na deze sessie&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Kan je zelf aan de slag met Leescoach, Leesvoortgang en Spekervoortgang.&lt;/li&gt;
&lt;li&gt;Heb je inzicht in hoe Leesvoortgang, Sprekervoortgang en Reflect samen een compleet beeld geven.&lt;/li&gt;
&lt;li&gt;Heb je een eerste aanzet voor een schoolbeleid rond systematisch lezen.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Boek deze opleiding &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Oriëntatie AI in je school</title>
      <link>http://localhost:1313/training-studio/opleidingen/2627a-orientatie-ai-school/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/training-studio/opleidingen/2627a-orientatie-ai-school/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Directie &amp;amp; beleid&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Strategisch&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627a.jpg&#34; alt=&#34;Oriëntatie AI in je school&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Jouw school kan AI niet negeren, maar waar begin je? Als directie of beleidsteam staan jullie voor keuzes die de komende schooljaren bepalend zijn: welke afspraken,
welk beleid, hoe communiceer je dit naar leerkrachten en ouders?&lt;/p&gt;
&lt;p&gt;Als officieel Microsoft Global Training Partner bekijken we die vragen vanuit het Microsoft-ecosysteem, want de kans is groot dat Copilot for Education, AI in Teams en Microsoft Bing al beschikbaar zijn in jullie schoolomgeving, of dat binnenkort worden. In deze sessie verken je het AI-landschap in het onderwijs zonder dat je meteen tools moet leren. We kijken waar jouw school staat, welke Microsoft-tools
al in huis zijn, en welke eerste beleidsmatige stappen haalbaar zijn binnen wat jullie al gebruiken.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programma&#34;&gt;Programma&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M12 18v-5.25m0 0a6 6 0 0 0 1.5-.189m-1.5.189a6 6 0 0 1-1.5-.189m3.75 7.478a12.1 12.1 0 0 1-4.5 0m3.75 2.383a14.4 14.4 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Wat is er aan de hand?&lt;/strong&gt; Stand van zaken AI in het onderwijs, wat Microsoft aankondigt en al uitrolt, van Copilot for Education tot AI in Teams en Microsoft Bing, en wat scholen vandaag al doen. Kansen én valkuilen in een helder overzicht.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5h-2.25m-7.5 0h7.5m-7.5 0l-1 3m8.5-3l1 3m0 0l.5 1.5m-.5-1.5h-9.5m0 0l-.5 1.5M9 11.25v1.5M12 9v3.75m3-6v6&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Wat betekent dit voor jouw school?&lt;/strong&gt; De grote keuzes rond Microsoft-tools die al in jullie M365-omgeving zitten, afspraken met leerlingen, en professionalisering van het team. Waar sta je nu, en welke beslissingen liggen voor?&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Hoe bereid je je school voor?&lt;/strong&gt; Rollen en verantwoordelijkheden, hoe start je aan een AI-beleid binnen jullie Microsoft-omgeving, communicatie naar ouders en team. Microsoft&amp;rsquo;s eigen Responsible AI-kader als vertrekpunt.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193q-.51.041-1.02.072v3.091l-3-3q-2.031 0-4.02-.163a2.1 2.1 0 0 1-.825-.242m9.345-8.334a2 2 0 0 0-.476-.095a48.6 48.6 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.5 48.5 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402c-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235q.865.113 1.74.194V21l4.155-4.155&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Dialoog en actieplan:&lt;/strong&gt; teamgesprek op basis van jullie eigen schoolcontext. Samen formuleer je een concrete volgende stap die je de dag erna al kunt zetten , binnen de Microsoft-tools die jullie al hebben.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;na-deze-sessie&#34;&gt;Na deze sessie&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Heb je een gedeeld beeld binnen het directieteam over AI in het onderwijs.&lt;/li&gt;
&lt;li&gt;Weet je welke Microsoft AI-tools al beschikbaar zijn in jullie schoolomgeving en wat die kunnen.&lt;/li&gt;
&lt;li&gt;Heb je de eerste bouwstenen voor een AI-beleid op maat van jouw school, en de plaats daarvan in het Microsoft-ecosysteem.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Boek deze opleiding &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Orientation IA pour votre école</title>
      <link>http://localhost:1313/fr/training-studio/opleidingen/2627a-orientatie-ai-school/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/training-studio/opleidingen/2627a-orientatie-ai-school/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Direction &amp; politique&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Stratégique&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627a.jpg&#34; alt=&#34;Orientation IA pour votre école&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;L&amp;rsquo;intelligence artificielle n&amp;rsquo;est plus un avenir lointain — elle est déjà présente dans Microsoft 365, dans Teams, dans Word et dans les outils que vos enseignants utilisent au quotidien. Mais comment aborder l&amp;rsquo;IA en tant qu&amp;rsquo;école de manière réfléchie et sécurisée ? Par où commencer, et qu&amp;rsquo;est-ce qu&amp;rsquo;on peut réalistement en attendre ?&lt;/p&gt;
&lt;p&gt;Cette session donne à la direction et aux responsables politiques une image claire et bien ancrée de l&amp;rsquo;état actuel de l&amp;rsquo;IA dans l&amp;rsquo;enseignement. Sans hype, sans crainte, mais avec un cadre pratique adapté à votre école.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9.879 7.519c1.172-1.025 3.071-1.025 4.243 0c1.171 1.025 1.171 2.687 0 3.712q-.308.268-.67.442c-.746.361-1.452.999-1.452 1.827v.75M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9 5.25h.008v.008H12z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;L&amp;rsquo;état de l&amp;rsquo;IA dans l&amp;rsquo;enseignement :&lt;/strong&gt; quels outils IA sont déjà présents dans Microsoft 365 (Copilot, Bing Chat Enterprise, Designer), comment ils fonctionnent, et ce que cela signifie pour votre école, vos enseignants et vos élèves aujourd&amp;rsquo;hui.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Utilisation sûre et responsable de l&amp;rsquo;IA :&lt;/strong&gt; protection de la vie privée et des données (RGPD), ce que Microsoft fait pour protéger les données scolaires, comment rédiger une politique d&amp;rsquo;utilisation de l&amp;rsquo;IA, et à quoi ressemble concrètement un contrat de classe pour les élèves.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M12 18v-5.25m0 0a6 6 0 0 0 1.5-.189m-1.5.189a6 6 0 0 1-1.5-.189m3.75 7.478a12.1 12.1 0 0 1-4.5 0m3.75 2.383a14.4 14.4 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Opportunités pour votre école :&lt;/strong&gt; où l&amp;rsquo;IA fait réellement gagner du temps et ajoute de la valeur pour les enseignants, où se trouvent les risques, et comment créer une approche largement soutenue qui s&amp;rsquo;ancre dans le contexte propre à votre école.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 6.75V15m6-6v8.25m.503 3.499l4.875-2.438c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934a1.12 1.12 0 0 1-1.006 0L9.503 3.252a1.13 1.13 0 0 0-1.006 0L3.622 5.689A1.13 1.13 0 0 0 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934a1.12 1.12 0 0 1 1.006 0l4.994 2.497c.317.158.69.158 1.006 0&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;La feuille de route IA de votre école :&lt;/strong&gt; un cadre pratique pour construire une politique IA étape par étape — du premier contrat de classe à une politique IA complète au niveau de l&amp;rsquo;école.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;après-cette-session&#34;&gt;Après cette session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Vous avez une image réaliste des outils IA déjà actifs dans votre environnement scolaire.&lt;/li&gt;
&lt;li&gt;Vous connaissez les principaux risques et comment les aborder avec une politique simple.&lt;/li&gt;
&lt;li&gt;Vous disposez d&amp;rsquo;un premier projet de politique d&amp;rsquo;utilisation de l&amp;rsquo;IA ou de contrat de classe sur lequel vous appuyer.&lt;/li&gt;
&lt;li&gt;Vous connaissez les prochaines étapes concrètes pour la stratégie IA de votre école.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Réserver cette formation &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Reading Coach and Reading Progress</title>
      <link>http://localhost:1313/en/training-studio/opleidingen/2627d-leescoach-en-leesvoortgang/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/training-studio/opleidingen/2627d-leescoach-en-leesvoortgang/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Teachers &amp; language coord.&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Beginner&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627d.jpg&#34; alt=&#34;Reading Coach and Reading Progress&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Reading Coach and Reading Progress are two powerful Microsoft tools that are often overlooked — or only partially used. Together they form a complete loop: students practice reading independently with direct AI feedback, while the teacher monitors progress at class and individual level.&lt;/p&gt;
&lt;p&gt;In this session you discover how both tools work, how they reinforce each other, and how to embed them in a broader reading policy at your school.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9.879 7.519c1.172-1.025 3.071-1.025 4.243 0c1.171 1.025 1.171 2.687 0 3.712q-.308.268-.67.442c-.746.361-1.452.999-1.452 1.827v.75M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9 5.25h.008v.008H12z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;The reading loop:&lt;/strong&gt; why independent reading practice with immediate feedback works, how Reading Coach and Reading Progress complement each other, and what the research base is behind these tools.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reading.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reading Coach in practice:&lt;/strong&gt; activate Reading Coach in Teams assignments, choose between the three modes (generate a story with AI, select a text from the library, or insert your own text), use the Immersive Reader, set the difficulty level, and interpret the AI feedback that students receive in real time.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reading.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reading Progress in practice:&lt;/strong&gt; create a reading assignment in Teams, collect recordings from students, use automatic speech analysis (pronunciation, accuracy, words per minute), give targeted feedback, and monitor progress per student at class level.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/speaker.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Speaker Progress:&lt;/strong&gt; how Speaker Progress helps students practise presentations independently — with automatic feedback on pace, filler words, and eye contact. A powerful complement to reading practice.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008zm0 3h.008v.008h-.008zm0 3h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;School-wide reading policy:&lt;/strong&gt; how to embed Reading Coach and Reading Progress structurally in your reading policy — from a first experiment in one class to a school-wide approach with shared agreements.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reflect.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Link with wellbeing:&lt;/strong&gt; how Reading Progress data can open conversations about reading motivation and confidence, and how to link it to Microsoft Reflect for a broader picture of student wellbeing.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;after-this-session&#34;&gt;After this session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;You can set up Reading Coach and Reading Progress independently in Teams.&lt;/li&gt;
&lt;li&gt;You know the three Reading Coach modes and when to use each one.&lt;/li&gt;
&lt;li&gt;You can use automatic speech analysis in Reading Progress and turn the data into targeted feedback.&lt;/li&gt;
&lt;li&gt;You know how Speaker Progress works and how it complements reading practice.&lt;/li&gt;
&lt;li&gt;You have a first outline for embedding these tools in a school-wide reading policy.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Book this training &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Reading Coach et Reading Progress</title>
      <link>http://localhost:1313/fr/training-studio/opleidingen/2627d-leescoach-en-leesvoortgang/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/training-studio/opleidingen/2627d-leescoach-en-leesvoortgang/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Enseignants &amp; coord. langues&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Débutant&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627d.jpg&#34; alt=&#34;Reading Coach et Reading Progress&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;La lecture est la base de tout apprentissage, mais le suivi individuel prend énormément de temps. Reading Coach donne à chaque élève une pratique de lecture personnalisée — avec des retours immédiats et adaptés. Reading Progress permet aux enseignants de suivre la lecture à voix haute de toute la classe et de travailler à l&amp;rsquo;élaboration d&amp;rsquo;une politique de lecture.&lt;/p&gt;
&lt;p&gt;Dans cette session, vous apprenez à travailler avec les deux outils dans la pratique, et vous voyez comment les combiner dans une approche cohérente à l&amp;rsquo;échelle de l&amp;rsquo;école.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/microsoft-reading-coach.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reading Coach :&lt;/strong&gt; comment l&amp;rsquo;outil aide les élèves à pratiquer la lecture de manière autonome, comment personnaliser les textes et paramètres par élève, et comment les retours automatiques améliorent la précision et la fluidité.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/microsoft-reading-progress.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reading Progress :&lt;/strong&gt; créer des devoirs de lecture à voix haute dans Teams, configurer la correction automatique (IA), consulter les rapports de lecture et identifier les élèves qui ont besoin d&amp;rsquo;un soutien supplémentaire.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Politique de lecture à l&amp;rsquo;échelle de l&amp;rsquo;école :&lt;/strong&gt; utiliser les données de Reading Progress pour créer une politique de lecture, intégrer les outils dans une approche globale de la littératie, et relier aux objectifs du programme et aux parcours de différenciation.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M11.42 15.17L17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14q.19.017.384.017a4.5 4.5 0 0 0 4.102-6.352l-3.276 3.276a3 3 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Pratique :&lt;/strong&gt; vous configurez votre propre environnement pendant la session — un devoir Reading Progress prêt à envoyer aux élèves et un profil Reading Coach pour l&amp;rsquo;un de vos groupes.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;après-cette-session&#34;&gt;Après cette session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Vous pouvez utiliser Reading Coach et Reading Progress pour soutenir la pratique et le suivi individuels de la lecture.&lt;/li&gt;
&lt;li&gt;Vous êtes capable de créer des devoirs de lecture à voix haute dans Teams et de consulter les rapports.&lt;/li&gt;
&lt;li&gt;Vous avez une première base pour une politique de lecture à l&amp;rsquo;échelle de l&amp;rsquo;école basée sur les données.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Réserver cette formation &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Sociaal-emotioneel leren met Microsoft Reflect</title>
      <link>http://localhost:1313/training-studio/opleidingen/2627f-sociaal-emotioneel-leren-reflect/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/training-studio/opleidingen/2627f-sociaal-emotioneel-leren-reflect/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180–360 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Leerkrachten &amp; zorgcoörd.&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Instap – Verdieping&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627f.jpg&#34; alt=&#34;Sociaal-emotioneel leren met Microsoft Reflect&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Een klas die zich goed voelt, leert beter. Dat is geen gevoel, dat is onderzoek. Sociaal-Emotioneel Leren (SEL), het verwerven van kennis, attitudes en vaardigheden om effectief om te gaan met emoties, relaties en verantwoordelijkheden, verbetert aantoonbaar de focus, de groepssfeer en de openheid om over gevoelens te praten.&lt;/p&gt;
&lt;p&gt;Microsoft Reflect is de gratis Microsoft-tool dat SEL laagdrempelig, taalononafhankelijk en direct bruikbaar maakt in Teams. In deze sessie bouw je de theoretische basis op rond de vijf SEL-competenties, leer je Reflect inzetten als een doordachte leerlijn van de kleuterklas tot het secundair, en verwerk je de data die Reflect oplevert tot echte klasgesprekken.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programma&#34;&gt;Programma&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M18 18.72a9.1 9.1 0 0 0 3.741-.479q.01-.12.01-.241a3 3 0 0 0-4.692-2.478m.94 3.197l.001.031q0 .337-.037.666A11.94 11.94 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6 6 0 0 1 6 18.719m12 0a5.97 5.97 0 0 0-.941-3.197m0 0A6 6 0 0 0 12 12.75a6 6 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72a9 9 0 0 0 3.74.477m.94-3.197a5.97 5.97 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0a3 3 0 0 1 6 0m6 3a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-13.5 0a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;SEL als fundament:&lt;/strong&gt; definitie en onderzoeksbasis van Sociaal-Emotioneel Leren. De vijf SEL-competenties. Wat taal en hardop verwoorden bijdragen aan zelfmanagement. Hoe SEL bijdraagt aan minder stress, betere focus en een sterkere groepssfeer in de klas.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reflect.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reflect in de praktijk:&lt;/strong&gt; Reflect activeren in Teams, een eerste check-in aanmaken, het emotiebord instellen (ook bruikbaar zonder leerlingtoestellen), de opbouw van het aantal emoties (van basisemoties naar 18 en verder naar 56). Reflect integreren in Teams-opdrachten en het Klasnotitieblok. Hoe je de check-in resultaten kan gebruiken tijdens de lesdag.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008zm0 3h.008v.008h-.008zm0 3h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Van kleuterklas tot secundair:&lt;/strong&gt; concrete en haalbare toepassingen aangepast aan elk niveau.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Inzichten:&lt;/strong&gt; Reflect-gegevens interpreteren via Inzichten, emotionele trends per klas opvolgen, resultaten bespreken met het team of de leerling. Hoe verbind je welbevindensdata met je nascholings- en zorgbeleid?&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;na-deze-sessie&#34;&gt;Na deze sessie&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Ken je de vijf SEL-competenties en weet je hoe Reflect elk ervan concreet ondersteunt.&lt;/li&gt;
&lt;li&gt;Kan je zelf een Reflect check-in maken.&lt;/li&gt;
&lt;li&gt;Kan je Reflect inzetten op een doordachte manier, op het niveau van de leerlingengroep en als ondersteuning voor sociaal- emotionele vaardigheden.&lt;/li&gt;
&lt;li&gt;Weet je hoe je de data van Reflect omzet naar echte klasgesprekken en een schoolbreed welbevindensbeleid.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Boek deze opleiding &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Social-Emotional Learning with Microsoft Reflect</title>
      <link>http://localhost:1313/en/training-studio/opleidingen/2627f-sociaal-emotioneel-leren-reflect/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/training-studio/opleidingen/2627f-sociaal-emotioneel-leren-reflect/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180–360 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Teachers &amp; SENCO&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Beginner – Advanced&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627f.jpg&#34; alt=&#34;Social-Emotional Learning with Microsoft Reflect&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;A class that feels good learns better. That is not a feeling — that is research. Social-Emotional Learning (SEL) — the acquisition of knowledge, attitudes, and skills to effectively deal with emotions, relationships, and responsibilities — demonstrably improves focus, group dynamics, and openness to talking about feelings.&lt;/p&gt;
&lt;p&gt;Microsoft Reflect is the free Microsoft tool that makes SEL accessible, language-independent, and directly usable in Teams. In this session you build the theoretical foundation around the five SEL competencies, learn to use Reflect as a thoughtful learning line from kindergarten to secondary school, and turn the data that Reflect generates into real classroom conversations.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M18 18.72a9.1 9.1 0 0 0 3.741-.479q.01-.12.01-.241a3 3 0 0 0-4.692-2.478m.94 3.197l.001.031q0 .337-.037.666A11.94 11.94 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6 6 0 0 1 6 18.719m12 0a5.97 5.97 0 0 0-.941-3.197m0 0A6 6 0 0 0 12 12.75a6 6 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72a9 9 0 0 0 3.74.477m.94-3.197a5.97 5.97 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0a3 3 0 0 1 6 0m6 3a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-13.5 0a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;SEL as a foundation:&lt;/strong&gt; definition and research base of Social-Emotional Learning. The five SEL competencies. What language and verbalisation contribute to self-management. How SEL leads to less stress, better focus, and a stronger group dynamic in the classroom.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reflect.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reflect in practice:&lt;/strong&gt; activating Reflect in Teams, creating a first check-in, setting up the emotion board (also usable without student devices), building up the number of emotions (from basic emotions to 18 and further to 56). Integrating Reflect into Teams assignments and the Class Notebook. How to use check-in results during the school day.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008zm0 3h.008v.008h-.008zm0 3h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;From kindergarten to secondary:&lt;/strong&gt; concrete and achievable applications adapted to every level.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Insights:&lt;/strong&gt; interpreting Reflect data via Insights, tracking emotional trends per class, discussing results with the team or student. How do you link wellbeing data to your professional development and care policy?&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;after-this-session&#34;&gt;After this session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;You know the five SEL competencies and how Reflect concretely supports each one.&lt;/li&gt;
&lt;li&gt;You can create a Reflect check-in yourself.&lt;/li&gt;
&lt;li&gt;You can use Reflect in a thoughtful way, at the level of the student group and as support for social-emotional skills.&lt;/li&gt;
&lt;li&gt;You know how to turn Reflect data into real classroom conversations and a school-wide wellbeing policy.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Book this training &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Teams &amp; OneNote : de l&#39;ordre dans votre classe numérique</title>
      <link>http://localhost:1313/fr/training-studio/opleidingen/2627c-teams-onenote-digitale-klas/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/training-studio/opleidingen/2627c-teams-onenote-digitale-klas/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Enseignants&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Débutant – Approfondissement&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627c.jpg&#34; alt=&#34;Teams et OneNote dans la classe numérique&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Beaucoup d&amp;rsquo;enseignants utilisent déjà Teams. Mais une classe Teams qui fonctionne vraiment — avec une structure, des exercices générés par IA, des devoirs intelligents avec des rubriques et un bloc-notes OneNote clair — c&amp;rsquo;est une autre histoire.&lt;/p&gt;
&lt;p&gt;Dans cette session, vous construisez votre propre classe numérique étape par étape, pendant que le formateur observe et guide. Pas de présentation à regarder plus tard. Vous repartez avec un environnement entièrement configuré, prêt pour le premier cours.&lt;/p&gt;
&lt;p&gt;Apportez votre matériel de cours existant et nous l&amp;rsquo;utiliserons directement !&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/Teams_512.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Bloc-notes de cours Teams :&lt;/strong&gt; construction de votre classe, IA dans le Bloc-notes de cours (génération de flashcards et de textes à trous avec Copilot), définition des règles d&amp;rsquo;utilisation de l&amp;rsquo;IA par devoir, connexion de Learning Zone.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M11.35 3.836q-.099.316-.1.664c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75a2.3 2.3 0 0 0-.1-.664m-5.8 0A2.25 2.25 0 0 1 13.5 2.25H15a2.25 2.25 0 0 1 2.15 1.586m-5.8 0q-.563.035-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414q.564.035 1.124.08c1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3l1.5 1.5l3-3.75&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Devoirs :&lt;/strong&gt; création de rubriques générées par IA, liaison des objectifs du programme, retours ciblés, suivi de la progression par élève.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/OneNote_512.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Bloc-notes de cours OneNote :&lt;/strong&gt; création et structuration des sections, distribution du contenu aux élèves, correction du travail des élèves, lien avec les Devoirs dans Teams.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M11.42 15.17L17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14q.19.017.384.017a4.5 4.5 0 0 0 4.102-6.352l-3.276 3.276a3 3 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Configurez vous-même :&lt;/strong&gt; vous construisez entièrement votre propre classe Teams pendant la session, avec l&amp;rsquo;accompagnement du formateur. Vous repartez avec un environnement fonctionnel.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;après-cette-session&#34;&gt;Après cette session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Vous disposez d&amp;rsquo;une classe Teams fonctionnelle incluant le Bloc-notes de cours et les devoirs.&lt;/li&gt;
&lt;li&gt;Vous avez une structure OneNote configurée et prête à l&amp;rsquo;emploi.&lt;/li&gt;
&lt;li&gt;Vous connaissez les différentes fonctionnalités de Teams et OneNote, et savez comment les utiliser.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Réserver cette formation &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Teams &amp; OneNote: orde in uw digitale klas</title>
      <link>http://localhost:1313/training-studio/opleidingen/2627c-teams-onenote-digitale-klas/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/training-studio/opleidingen/2627c-teams-onenote-digitale-klas/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Leerkrachten&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Instap – Verdieping&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627c.jpg&#34; alt=&#34;Teams en OneNote in de digitale klas&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Veel leerkrachten gebruiken Teams al. Maar een Teams-klas die écht werkt, met structuur, AI-gegenereerde oefeningen, slimme opdrachten met rubrieken en een overzichtelijk OneNote-notitieblok, dat is een ander verhaal.&lt;/p&gt;
&lt;p&gt;In deze sessie bouw je stap voor stap je eigen digitale klas op, terwijl de trainer meekijkt en bijstuurt. Geen presentatie om later te bekijken. Je vertrekt met een volledig ingerichte omgeving, klaar voor de eerste les.&lt;/p&gt;
&lt;p&gt;Breng je bestaande lesmateriaal mee, dan gaan we daarmee aan de slag!&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programma&#34;&gt;Programma&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/Teams_512.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Teams Klassewerk:&lt;/strong&gt; opbouw van je klas, AI in Klassewerk (flashcards en fill-in-the-blank genereren met Copilot), AI-gebruiksregels instellen per opdracht, Learning Zone koppelen.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M11.35 3.836q-.099.316-.1.664c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75a2.3 2.3 0 0 0-.1-.664m-5.8 0A2.25 2.25 0 0 1 13.5 2.25H15a2.25 2.25 0 0 1 2.15 1.586m-5.8 0q-.563.035-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414q.564.035 1.124.08c1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3l1.5 1.5l3-3.75&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Opdrachten:&lt;/strong&gt; AI-gegenereerde rubrieken aanmaken, leerplandoelen koppelen, gerichte feedback geven, voortgang opvolgen per leerling.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/OneNote_512.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;OneNote Klasnotitieblok:&lt;/strong&gt; secties aanmaken en structureren, inhoud distribueren aan leerlingen, leerlingwerk nakijken, koppeling leggen met Opdrachten in Teams.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M11.42 15.17L17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14q.19.017.384.017a4.5 4.5 0 0 0 4.102-6.352l-3.276 3.276a3 3 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Zelf inrichten:&lt;/strong&gt; je bouwt je eigen Teams-klas volledig op tijdens de sessie, met begeleiding van de trainer. Je vertrekt met een werkende omgeving.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;na-deze-sessie&#34;&gt;Na deze sessie&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Heb je een werkende Teams-klas inclusief Klassewerk en opdrachten.&lt;/li&gt;
&lt;li&gt;Heb je een ingerichte OneNote-structuur klaar voor gebruik.&lt;/li&gt;
&lt;li&gt;Ken je de verschillende functies in Teams en OneNote, en weet je hoe je ze inzet.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Boek deze opleiding &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Teams &amp; OneNote: order in your digital classroom</title>
      <link>http://localhost:1313/en/training-studio/opleidingen/2627c-teams-onenote-digitale-klas/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/training-studio/opleidingen/2627c-teams-onenote-digitale-klas/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Teachers&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Beginner – Advanced&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627c.jpg&#34; alt=&#34;Teams and OneNote in the digital classroom&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Many teachers already use Teams. But a Teams classroom that truly works — with structure, AI-generated exercises, smart assignments with rubrics, and a clear OneNote notebook — is a different story altogether.&lt;/p&gt;
&lt;p&gt;In this session you build your own digital classroom step by step, while the trainer watches and guides. No slide deck to watch later. You leave with a fully set-up environment, ready for your first lesson.&lt;/p&gt;
&lt;p&gt;Bring your existing teaching materials and we&amp;rsquo;ll put them to work straight away!&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/Teams_512.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Teams Class Notebook:&lt;/strong&gt; building your class, AI in Class Notebook (generating flashcards and fill-in-the-blank with Copilot), setting AI use rules per assignment, connecting Learning Zone.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M11.35 3.836q-.099.316-.1.664c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75a2.3 2.3 0 0 0-.1-.664m-5.8 0A2.25 2.25 0 0 1 13.5 2.25H15a2.25 2.25 0 0 1 2.15 1.586m-5.8 0q-.563.035-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414q.564.035 1.124.08c1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3l1.5 1.5l3-3.75&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Assignments:&lt;/strong&gt; creating AI-generated rubrics, linking curriculum goals, giving targeted feedback, tracking progress per student.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/OneNote_512.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;OneNote Class Notebook:&lt;/strong&gt; creating and structuring sections, distributing content to students, reviewing student work, linking to Assignments in Teams.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M11.42 15.17L17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14q.19.017.384.017a4.5 4.5 0 0 0 4.102-6.352l-3.276 3.276a3 3 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008z&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Set it up yourself:&lt;/strong&gt; you build your own Teams classroom completely during the session, with guidance from the trainer. You leave with a working environment.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;after-this-session&#34;&gt;After this session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;You have a working Teams classroom including Class Notebook and assignments.&lt;/li&gt;
&lt;li&gt;You have a structured OneNote notebook ready for use.&lt;/li&gt;
&lt;li&gt;You know the different features in Teams and OneNote, and how to use them.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Book this training &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Technologische ondersteuning in een inclusieve schoolcontext</title>
      <link>http://localhost:1313/training-studio/opleidingen/2627e-inclusiever-lesgeven/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/training-studio/opleidingen/2627e-inclusiever-lesgeven/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Leerkrachten &amp; zorgcoörd.&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Instap – Verdieping&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627e.jpg&#34; alt=&#34;Inclusiever lesgeven met Microsoft&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Microsoft werkt vanuit één principe: &lt;em&gt;ontwerp voor wie het het meest nodig heeft, en iedereen profiteert.&lt;/em&gt; Wat een leerling met dyslexie helpt lezen, helpt ook de drukke leerling, de meertalige leerling en de leerkracht zelf. Inclusie is geen aanpassing achteraf, maar de standaard.&lt;/p&gt;
&lt;p&gt;Deze sessie is gemaakt voor leerkrachten en zorgcoördinatoren in buitengewoon onderwijs en inclusiescholen. We verkennen welke Microsoft-tools leerlingen met en zonder specifieke noden ondersteunen, hoe je die inzet in de klas, en hoe Copilot je helpt om lesmateriaal en stappenplannen aan te passen aan individuele leerlingen.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programma&#34;&gt;Programma&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M4.26 10.147a60 60 0 0 0-.491 6.347A48.6 48.6 0 0 1 12 20.904a48.6 48.6 0 0 1 8.232-4.41a61 61 0 0 0-.491-6.347m-15.482 0a51 51 0 0 0-2.658-.813A60 60 0 0 1 12 3.493a60 60 0 0 1 10.399 5.84q-1.345.372-2.658.814m-15.482 0A51 51 0 0 1 12 13.489a50.7 50.7 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m0 0v-3.675A55 55 0 0 1 12 8.443m-7.007 11.55A5.98 5.98 0 0 0 6.75 15.75v-1.5&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Inclusie als fundament:&lt;/strong&gt; het UDL-kader (Universal Design for Learning), Microsofts inclusiefilosofie (ingebouwd in elke app, niet als extra laag), en een overzicht van alle leerversnellers en toegankelijkheidstools, met waar je ze terugvindt in Teams, Windows en de Microsoft-apps.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;g fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34;&gt;&lt;path d=&#34;M2.036 12.322a1 1 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178c.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178&#34;/&gt;&lt;path d=&#34;M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0&#34;/&gt;&lt;/g&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Insluitende lezer &amp;amp; toegankelijkheidstools:&lt;/strong&gt; de Insluitende lezer in Word, OneNote, Teams en Edge (syllabisering, tekst-naar-spraak, kleur en lettertype aanpassen, vertalen in 81 talen). Dicteren voor leerlingen die moeite hebben met schrijven. Live ondertiteling voor auditieve ondersteuning. Toegankelijkheidscontrole in Word en PowerPoint.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reading.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Leescoach &amp;amp; Leesvoortgang:&lt;/strong&gt; Leescoach laat leerlingen individueel en zelfstandig oefenen, in drie modi (een verhaal laten genereren, een tekst uit de bibliotheek lezen of eigen tekst invoegen), met de Insluitende lezer ingebouwd en directe AI-feedback. Leesvoortgang geeft de leerkracht klassikale opvolging en data per leerling.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reflect.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reflect &amp;amp; het emotiebord:&lt;/strong&gt; Reflect als dagelijks check-in-ritueel voor welbevinden en sociaal-emotioneel leren. Het emotiebord, een bijzonder krachtige functie voor buitengewoon onderwijs: leerlingen kiezen een afbeelding die hun gevoel weergeeft, ook zonder eigen toestel, een leerkrachtentoestel volstaat.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/microsoft-copilot.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Copilot voor inclusief lesontwerp:&lt;/strong&gt; leesniveau aanpassen aan individuele leerlingen, complexe instructies herformuleren in eenvoudige stappen, stappenplannen maken voor dagelijkse vaardigheden en zelfredzaamheid (brooddoos inpakken, agenda invullen, klas opruimen). Aanmaken van geschikte iconen of illustraties. Differentiëren binnen dezelfde klas zonder elk keer van nul te beginnen.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Zelf toepassen:&lt;/strong&gt; tijdens deze sessie geven we je de kans om de tools zelf toe te passen in een demo-omgeving of op je eigen leerlingengroep (indien mogelijk), met ondersteuning van de trainer.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;na-deze-sessie&#34;&gt;Na deze sessie&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Ken je de Microsoft-tools die leerlingen met en zonder specifieke noden ondersteunen, en weet je welke tool je wanneer kan inzetten.&lt;/li&gt;
&lt;li&gt;Heb je Leescoach en Leesvoortgang uitgetest vanuit een BuO- of inclusie-context, en weet je hoe ze elkaar aanvullen.&lt;/li&gt;
&lt;li&gt;Gebruik je Reflect als dagelijks check-in-ritueel, inclusief het emotiebord voor leerlingen die (nog) niet lezen.&lt;/li&gt;
&lt;li&gt;Weet je hoe Copilot je helpt bij het maken van stappenplannen met iconen voor dagelijkse vaardigheden en zelfredzaamheid.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Boek deze opleiding &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Technology for Inclusive Education</title>
      <link>http://localhost:1313/en/training-studio/opleidingen/2627e-inclusiever-lesgeven/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/training-studio/opleidingen/2627e-inclusiever-lesgeven/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 180 min&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 Teachers &amp; SENCO&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Beginner – Advanced&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627e.jpg&#34; alt=&#34;Technology for Inclusive Education&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Microsoft works from one principle: &lt;em&gt;design for those who need it most, and everyone benefits.&lt;/em&gt; What helps a student with dyslexia to read also helps the distracted student, the multilingual student, and the teacher themselves. Inclusion is not a retrofit — it is the standard.&lt;/p&gt;
&lt;p&gt;This session is designed for teachers and SENCOs in special education and inclusive schools. We explore which Microsoft tools support students with and without specific needs, how to deploy them in the classroom, and how Copilot helps you adapt lesson materials and step-by-step plans to individual students.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M4.26 10.147a60 60 0 0 0-.491 6.347A48.6 48.6 0 0 1 12 20.904a48.6 48.6 0 0 1 8.232-4.41a61 61 0 0 0-.491-6.347m-15.482 0a51 51 0 0 0-2.658-.813A60 60 0 0 1 12 3.493a60 60 0 0 1 10.399 5.84q-1.345.372-2.658.814m-15.482 0A51 51 0 0 1 12 13.489a50.7 50.7 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m0 0v-3.675A55 55 0 0 1 12 8.443m-7.007 11.55A5.98 5.98 0 0 0 6.75 15.75v-1.5&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Inclusion as a foundation:&lt;/strong&gt; the UDL framework (Universal Design for Learning), Microsoft&amp;rsquo;s inclusion philosophy (built into every app, not as an extra layer), and an overview of all learning accelerators and accessibility tools — and where to find them in Teams, Windows, and the Microsoft apps.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;g fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34;&gt;&lt;path d=&#34;M2.036 12.322a1 1 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178c.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178&#34;/&gt;&lt;path d=&#34;M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0&#34;/&gt;&lt;/g&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Immersive Reader &amp;amp; accessibility tools:&lt;/strong&gt; the Immersive Reader in Word, OneNote, Teams and Edge (syllabification, text-to-speech, colour and font adjustment, translate into 81 languages). Dictation for students who struggle with writing. Live captions for auditory support. Accessibility checker in Word and PowerPoint.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reading.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reading Coach &amp;amp; Reading Progress:&lt;/strong&gt; Reading Coach lets students practise independently and at their own pace, in three modes (generate a story, select a library text, or insert your own text), with the Immersive Reader built in and direct AI feedback. Reading Progress gives the teacher class-level monitoring and data per student.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/reflect.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Reflect &amp;amp; the emotion board:&lt;/strong&gt; Reflect as a daily check-in ritual for wellbeing and social-emotional learning. The emotion board — a particularly powerful feature for special education: students choose an image that represents their feeling, even without their own device; one teacher device is enough.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/microsoft-copilot.svg&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Copilot for inclusive lesson design:&lt;/strong&gt; adapting reading level to individual students, reformulating complex instructions into simple steps, creating step-by-step plans for daily skills and independence (packing a lunchbox, filling in a diary, tidying the classroom). Creating suitable icons or illustrations. Differentiating within the same class without starting from scratch every time.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Apply it yourself:&lt;/strong&gt; during this session you have the chance to apply the tools yourself in a demo environment or with your own student group (where possible), with support from the trainer.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h2 id=&#34;after-this-session&#34;&gt;After this session&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;You know the Microsoft tools that support students with and without specific needs, and when to use which tool.&lt;/li&gt;
&lt;li&gt;You have tested Reading Coach and Reading Progress in a special education or inclusion context, and know how they complement each other.&lt;/li&gt;
&lt;li&gt;You use Reflect as a daily check-in ritual, including the emotion board for students who cannot yet read.&lt;/li&gt;
&lt;li&gt;You know how Copilot helps you create step-by-step plans with icons for daily skills and independence.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Book this training &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Vibe coding bootcamp : créez une application full-stack sur Azure</title>
      <link>http://localhost:1313/fr/training-studio/opleidingen/2627g-vibe-coding-bootcamp/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/training-studio/opleidingen/2627g-vibe-coding-bootcamp/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 2 jours&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 ICT Teams&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Débutant – Approfondissement&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627.jpg&#34; alt=&#34;Vibe coding bootcamp&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Vous n&amp;rsquo;avez pas besoin d&amp;rsquo;être développeur pour créer une vraie application. Avec le vibe coding, où vous décrivez ce que vous voulez en langage courant et l&amp;rsquo;IA s&amp;rsquo;occupe de la programmation, vous construisez en une journée une application web full-stack fonctionnelle sur Azure. De la base de données à l&amp;rsquo;interface utilisateur, du déploiement à votre propre domaine.&lt;/p&gt;
&lt;p&gt;Ce bootcamp s&amp;rsquo;adresse aux enseignants et coordinateurs ICT qui veulent comprendre le fonctionnement des applications modernes, qui souhaitent créer leur propre outil interne ou plateforme d&amp;rsquo;apprentissage, ou qui veulent accompagner leurs élèves dans la pensée computationnelle et le développement assisté par l&amp;rsquo;IA.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M12 18v-5.25m0 0a6 6 0 0 0 1.5-.189m-1.5.189a6 6 0 0 1-1.5-.189m3.75 7.478a12.1 12.1 0 0 1-4.5 0m3.75 2.383a14.4 14.4 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;De l&amp;rsquo;idée au blueprint :&lt;/strong&gt; vous formulez une idée concrète d&amp;rsquo;application (un tableau de bord interne, un outil d&amp;rsquo;enregistrement des élèves, un chatbot FAQ…), décrivez la fonctionnalité souhaitée en langage courant et laissez GitHub Copilot générer une première architecture.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Construire avec GitHub Copilot :&lt;/strong&gt; vous ne rédigez pas de code, vous décrivez. GitHub Copilot génère le front-end (HTML/CSS/JS ou React), le back-end (Node ou Python) et la connexion à la base de données. Vous vérifiez, ajustez et comprenez ce qui est construit.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/azure.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Déployer sur Azure :&lt;/strong&gt; vous mettez votre application en ligne sur Microsoft Azure, avec Azure App Service pour l&amp;rsquo;application web, Azure SQL ou Cosmos DB pour les données, et Azure Static Web Apps pour le front-end. Avec GitHub Actions pour un déploiement automatique.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Sécurité et gestion :&lt;/strong&gt; connexion via compte Microsoft (SSO avec Entra ID), définition des droits par utilisateur et surveillance via le portail Azure. Votre application est immédiatement sécurisée pour une utilisation scolaire.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h3 id=&#34;ce-que-vous-apportez&#34;&gt;Ce que vous apportez&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Un compte scolaire Microsoft 365 avec accès Azure (ou un compte d&amp;rsquo;essai Azure gratuit)&lt;/li&gt;
&lt;li&gt;Un ordinateur portable avec connexion internet (Windows ou Mac, pas de configuration spéciale)&lt;/li&gt;
&lt;li&gt;VS Code, gratuit à installer, vous recevrez les instructions à l&amp;rsquo;avance&lt;/li&gt;
&lt;li&gt;Un compte GitHub, gratuit, crédits Copilot inclus&lt;/li&gt;
&lt;li&gt;Une idée de ce que vous voulez créer, aussi vague soit-elle, nous vous aidons à l&amp;rsquo;affiner&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;ce-que-vous-obtenez&#34;&gt;Ce que vous obtenez&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Crédits GitHub Copilot&lt;/strong&gt;, 2 mois d&amp;rsquo;accès Pro, pour continuer à construire après le bootcamp&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Crédits Azure&lt;/strong&gt;, suffisants pour le bootcamp et pour expérimenter ensuite&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tous les matériaux&lt;/strong&gt;, templates, code source, scripts de déploiement et documentation d&amp;rsquo;architecture à emporter&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;après-cette-journée&#34;&gt;Après cette journée&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Vous disposez d&amp;rsquo;une application web full-stack fonctionnelle et en ligne sur Azure.&lt;/li&gt;
&lt;li&gt;Vous comprenez comment le front-end, le back-end et la base de données fonctionnent ensemble, sans écrire de code vous-même.&lt;/li&gt;
&lt;li&gt;Vous pouvez apporter des modifications de manière autonome avec GitHub Copilot comme co-pilote.&lt;/li&gt;
&lt;li&gt;Vous savez gérer les ressources Azure et maintenir votre application sécurisée pour un usage scolaire.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Réserver cette formation &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Vibe coding bootcamp: bouw een full-stack app op Azure</title>
      <link>http://localhost:1313/training-studio/opleidingen/2627g-vibe-coding-bootcamp/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/training-studio/opleidingen/2627g-vibe-coding-bootcamp/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 2 dagen&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 ICT Teams&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Instap – Verdieping&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627.jpg&#34; alt=&#34;Vibe coding bootcamp&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;Je hoeft geen developer te zijn om een echte applicatie te bouwen. Met vibe coding, waarbij je in gewone taal beschrijft wat je wil en AI het programmeerwerk doet, bouw je in één dag een werkende full-stack webapp op Azure. Van database tot gebruikersinterface, van deployment tot eigen domein.&lt;/p&gt;
&lt;p&gt;Deze bootcamp is voor leraren en ICT-coördinatoren die willen begrijpen hoe moderne applicaties werken, die zelf een intern tool of leerplatform willen bouwen, of die hun leerlingen willen begeleiden in computational thinking en AI-ondersteund ontwikkelen.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programma&#34;&gt;Programma&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M12 18v-5.25m0 0a6 6 0 0 0 1.5-.189m-1.5.189a6 6 0 0 1-1.5-.189m3.75 7.478a12.1 12.1 0 0 1-4.5 0m3.75 2.383a14.4 14.4 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Van idee naar blueprint:&lt;/strong&gt; je formuleert een concreet app-idee (een intern dashboard, een leerlingenregistratietool, een FAQ-chatbot&amp;hellip;), beschrijft de gewenste functionaliteit in gewone taal en laat GitHub Copilot een eerste architectuur genereren.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Bouwen met GitHub Copilot:&lt;/strong&gt; je schrijft geen code, je beschrijft. GitHub Copilot genereert de front-end (HTML/CSS/JS of React), de back-end (Node of Python) en de databasekoppeling. Jij reviewt, stuurt bij en begrijpt wat er gebouwd wordt.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/azure.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Deployen op Azure:&lt;/strong&gt; je zet je applicatie live op Microsoft Azure, met Azure App Service voor de webapplicatie, Azure SQL of Cosmos DB voor data, en Azure Static Web Apps voor de front-end. Inclusief GitHub Actions voor automatische deployment.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Beveiliging en beheer:&lt;/strong&gt; inloggen via Microsoft-account (SSO met Entra ID), rechten instellen per gebruiker en monitoren via Azure Portal. Zo is je app meteen veilig voor schoolgebruik.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h3 id=&#34;wat-je-meebrengt&#34;&gt;Wat je meebrengt&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Een Microsoft 365-schoolaccount met Azure-toegang (of een gratis Azure-proefaccount)&lt;/li&gt;
&lt;li&gt;Een laptop met internetverbinding (Windows of Mac, geen speciale specs)&lt;/li&gt;
&lt;li&gt;VS Code, gratis te installeren, je krijgt vooraf instructies&lt;/li&gt;
&lt;li&gt;Een GitHub-account, gratis, Copilot-credits inbegrepen&lt;/li&gt;
&lt;li&gt;Een idee van wat je wil bouwen, hoe vaag ook, we helpen het te scherpen&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;wat-je-krijgt&#34;&gt;Wat je krijgt&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;GitHub Copilot-credits&lt;/strong&gt;, 2 maanden Pro-toegang, zodat je ook na de bootcamp verder kunt bouwen&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Azure-credits&lt;/strong&gt;, voldoende voor de bootcamp én ruimte om daarna zelf te experimenteren&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alle materialen&lt;/strong&gt;, templates, broncode, deployment-scripts en architectuurdocumentatie om mee naar huis te nemen&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;na-deze-dag&#34;&gt;Na deze dag&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Je hebt een werkende full-stack webapplicatie live staan op Azure.&lt;/li&gt;
&lt;li&gt;Je begrijpt hoe front-end, back-end en database samenwerken, zonder zelf code te schrijven.&lt;/li&gt;
&lt;li&gt;Je kan zelfstandig aanpassingen doorvoeren met GitHub Copilot als co-piloot.&lt;/li&gt;
&lt;li&gt;Je weet hoe je Azure-resources beheert en je app veilig houdt voor schoolgebruik.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Boek deze opleiding &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Vibe coding bootcamp: build a full-stack app on Azure</title>
      <link>http://localhost:1313/en/training-studio/opleidingen/2627g-vibe-coding-bootcamp/</link>
      <pubDate>Mon, 01 Jun 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/training-studio/opleidingen/2627g-vibe-coding-bootcamp/</guid>
      <description>&lt;style&gt;
article p, article li, article td, article strong, article em { font-family: &#39;Nunito&#39;, sans-serif !important; }
article time, article [class*=&#34;tag&#34;], article [class*=&#34;badge&#34;] { display: none !important; }
&lt;/style&gt;
&lt;div class=&#34;opl-chips&#34;&gt;
&lt;span class=&#34;opl-chip&#34;&gt;⏱ 2 days&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;👤 ICT Teams&lt;/span&gt;
&lt;span class=&#34;opl-chip&#34;&gt;📶 Beginner – Advanced&lt;/span&gt;
&lt;/div&gt;
&lt;img src=&#34;http://localhost:1313/images/opleidingen/2627.jpg&#34; alt=&#34;Vibe coding bootcamp&#34; class=&#34;opl-detail-img&#34;&gt;
&lt;p&gt;You don&amp;rsquo;t need to be a developer to build a real application. With vibe coding, where you describe what you want in plain language and AI does the programming work, you&amp;rsquo;ll build a working full-stack web app on Azure in one day. From database to user interface, from deployment to your own domain.&lt;/p&gt;
&lt;p&gt;This bootcamp is for teachers and ICT coordinators who want to understand how modern applications work, who want to build their own internal tool or learning platform, or who want to guide their students in computational thinking and AI-assisted development.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;programme&#34;&gt;Programme&lt;/h2&gt;
&lt;table class=&#34;prog-table&#34;&gt;&lt;tbody&gt;


&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M12 18v-5.25m0 0a6 6 0 0 0 1.5-.189m-1.5.189a6 6 0 0 1-1.5-.189m3.75 7.478a12.1 12.1 0 0 1-4.5 0m3.75 2.383a14.4 14.4 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;From idea to blueprint:&lt;/strong&gt; you formulate a concrete app idea (an internal dashboard, a student registration tool, an FAQ chatbot…), describe the desired functionality in plain language and let GitHub Copilot generate a first architecture.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Building with GitHub Copilot:&lt;/strong&gt; you don&amp;rsquo;t write code, you describe. GitHub Copilot generates the front-end (HTML/CSS/JS or React), the back-end (Node or Python) and the database connection. You review, adjust and understand what is being built.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;img src=&#34;http://localhost:1313/images/icons/azure.png&#34; class=&#34;prog-icon&#34; alt=&#34;&#34;&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Deploying on Azure:&lt;/strong&gt; you take your application live on Microsoft Azure, with Azure App Service for the web application, Azure SQL or Cosmos DB for data, and Azure Static Web Apps for the front-end. Including GitHub Actions for automatic deployment.&lt;/td&gt;
&lt;/tr&gt;



&lt;tr&gt;
&lt;td class=&#34;prog-icon-cell&#34;&gt;
  
  &lt;svg class=&#34;prog-icon&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285&#34;/&gt;&lt;/svg&gt;
  
&lt;/td&gt;
&lt;td class=&#34;prog-text-cell&#34;&gt;&lt;strong&gt;Security and management:&lt;/strong&gt; log in via Microsoft account (SSO with Entra ID), set permissions per user and monitor via Azure Portal. Your app is immediately secure for school use.&lt;/td&gt;
&lt;/tr&gt;

&lt;/tbody&gt;&lt;/table&gt;

&lt;hr&gt;
&lt;h3 id=&#34;what-you-bring&#34;&gt;What you bring&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;A Microsoft 365 school account with Azure access (or a free Azure trial account)&lt;/li&gt;
&lt;li&gt;A laptop with internet connection (Windows or Mac, no special specs)&lt;/li&gt;
&lt;li&gt;VS Code, free to install, you&amp;rsquo;ll receive instructions in advance&lt;/li&gt;
&lt;li&gt;A GitHub account, free, Copilot credits included&lt;/li&gt;
&lt;li&gt;An idea of what you want to build, however vague, we help you sharpen it&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;what-you-get&#34;&gt;What you get&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;GitHub Copilot credits&lt;/strong&gt;, 2 months Pro access, so you can keep building after the bootcamp&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Azure credits&lt;/strong&gt;, enough for the bootcamp and room to experiment afterwards&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;All materials&lt;/strong&gt;, templates, source code, deployment scripts and architecture documentation to take home&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;after-this-day&#34;&gt;After this day&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;You have a working full-stack web application live on Azure.&lt;/li&gt;
&lt;li&gt;You understand how front-end, back-end and database work together, without writing code yourself.&lt;/li&gt;
&lt;li&gt;You can independently make adjustments with GitHub Copilot as co-pilot.&lt;/li&gt;
&lt;li&gt;You know how to manage Azure resources and keep your app secure for school use.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;opl-actions&#34; style=&#34;justify-content: center;&#34;&gt;
&lt;a href=&#34;https://forms.office.com/e/9szWZzWQUU&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34; class=&#34;btn-gradient&#34;&gt;Book this training &lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34; stroke-width=&#34;1.5&#34; stroke=&#34;currentColor&#34; style=&#34;width:1rem;height:1rem;display:inline-block;vertical-align:middle;margin-left:0.25rem&#34;&gt;&lt;path stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; d=&#34;M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z&#34;/&gt;&lt;/svg&gt;&lt;/a&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>v1.1 — Footer &amp; Icon Improvements</title>
      <link>http://localhost:1313/changelog/v1.1/</link>
      <pubDate>Wed, 18 Feb 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/changelog/v1.1/</guid>
      <description>&lt;h2 id=&#34;whats-new&#34;&gt;What&amp;rsquo;s New&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Multi-column Footer&lt;/strong&gt; — New &lt;code&gt;columns&lt;/code&gt; footer style with logo, tagline, and navigation&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Social Icons&lt;/strong&gt; — Site-wide social links rendered in the footer via &lt;code&gt;identity.social.links&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Icon Rendering&lt;/strong&gt; — Robust SVG sizing strategy with &lt;code&gt;1em&lt;/code&gt; default for inline icons&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;improvements&#34;&gt;Improvements&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Icons now self-size to &lt;code&gt;1em&lt;/code&gt; by default, eliminating 0px collapse bugs&lt;/li&gt;
&lt;li&gt;Footer branding supports configurable logo height and SVG scaling&lt;/li&gt;
&lt;li&gt;Feature block icons bumped to larger size for better visual presence&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;content&#34;&gt;Content&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Changelog Section&lt;/strong&gt; — New standalone section at &lt;code&gt;/changelog/&lt;/code&gt; using the &lt;code&gt;date-title-summary&lt;/code&gt; view&lt;/li&gt;
&lt;/ul&gt;
</description>
    </item>
    
    <item>
      <title>v1.0 — Initial Release</title>
      <link>http://localhost:1313/changelog/v1.0/</link>
      <pubDate>Thu, 15 Jan 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/changelog/v1.0/</guid>
      <description>&lt;h2 id=&#34;whats-new&#34;&gt;What&amp;rsquo;s New&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Page Builder&lt;/strong&gt; — Build landing pages with drag-and-drop blocks&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Block System&lt;/strong&gt; — Hero, Features, CTA, Testimonials, Stats, and more&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tailwind CSS 4&lt;/strong&gt; — Modern utility-first styling with dark mode support&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Preact Components&lt;/strong&gt; — Fast, lightweight client-side interactivity&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;SEO Optimized&lt;/strong&gt; — Automatic sitemaps, RSS feeds, and structured data&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Multi-language&lt;/strong&gt; — 35+ language packs out of the box&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;getting-started&#34;&gt;Getting Started&lt;/h2&gt;
&lt;p&gt;Check out the &lt;a href=&#34;https://docs.hugoblox.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;documentation&lt;/a&gt; to get started with your first site.&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Edufy Pro</title>
      <link>http://localhost:1313/en/producten/edufy-pro/</link>
      <pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/producten/edufy-pro/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Edufy Pro</title>
      <link>http://localhost:1313/fr/producten/edufy-pro/</link>
      <pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/producten/edufy-pro/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Edufy Pro</title>
      <link>http://localhost:1313/producten/edufy-pro/</link>
      <pubDate>Thu, 01 Jan 2026 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/producten/edufy-pro/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Accompagnement</title>
      <link>http://localhost:1313/fr/training-studio/ondersteuning/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/training-studio/ondersteuning/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Edufy Make</title>
      <link>http://localhost:1313/en/producten/edufy-make/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/producten/edufy-make/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Edufy Make</title>
      <link>http://localhost:1313/fr/producten/edufy-make/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/producten/edufy-make/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Edufy Make</title>
      <link>http://localhost:1313/producten/edufy-make/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/producten/edufy-make/</guid>
      <description></description>
    </item>
    
    <item>
      <title>GovTools</title>
      <link>http://localhost:1313/en/producten/govtools/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/producten/govtools/</guid>
      <description></description>
    </item>
    
    <item>
      <title>GovTools</title>
      <link>http://localhost:1313/fr/producten/govtools/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/producten/govtools/</guid>
      <description></description>
    </item>
    
    <item>
      <title>GovTools</title>
      <link>http://localhost:1313/producten/govtools/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/producten/govtools/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Leerlingvolgsysteem</title>
      <link>http://localhost:1313/producten/leerlingvolgsysteem/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/producten/leerlingvolgsysteem/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Ondersteuning</title>
      <link>http://localhost:1313/training-studio/ondersteuning/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/training-studio/ondersteuning/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Opleidingen</title>
      <link>http://localhost:1313/training-studio/opleidingen/_index-copy/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/training-studio/opleidingen/_index-copy/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Student monitoring system</title>
      <link>http://localhost:1313/en/producten/leerlingvolgsysteem/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/producten/leerlingvolgsysteem/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Suivi des élèves</title>
      <link>http://localhost:1313/fr/producten/leerlingvolgsysteem/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/fr/producten/leerlingvolgsysteem/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Support</title>
      <link>http://localhost:1313/en/training-studio/ondersteuning/</link>
      <pubDate>Mon, 01 Jan 2024 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/en/training-studio/ondersteuning/</guid>
      <description></description>
    </item>
    
    <item>
      <title>Privacy</title>
      <link>http://localhost:1313/privacy/</link>
      <pubDate>Fri, 01 Dec 2023 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/privacy/</guid>
      <description>&lt;p&gt;Add your company privacy policy here&amp;hellip;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Terms of Service</title>
      <link>http://localhost:1313/terms/</link>
      <pubDate>Fri, 01 Dec 2023 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/terms/</guid>
      <description>&lt;p&gt;Add your company legal terms here&amp;hellip;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>🎉 Easily create your own simple yet highly customizable blog</title>
      <link>http://localhost:1313/blog/get-started/</link>
      <pubDate>Fri, 27 Oct 2023 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/blog/get-started/</guid>
      <description>&lt;p&gt;Welcome 👋&lt;/p&gt;



&lt;details class=&#34;print:hidden xl:hidden&#34; open&gt;
  &lt;summary&gt;Inhoudsopgave&lt;/summary&gt;
  &lt;div class=&#34;text-sm&#34;&gt;
  &lt;nav id=&#34;TableOfContents&#34;&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href=&#34;#overview&#34;&gt;Overview&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&#34;#get-started&#34;&gt;Get Started&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#crowd-funded-open-source-software&#34;&gt;Crowd-funded open-source software&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href=&#34;#-click-here-to-become-a-sponsor-and-help-support-hugo-blox&#34;&gt;❤️ Click here to become a sponsor and help support Hugo Blox’s future ❤️&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#ecosystem&#34;&gt;Ecosystem&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#inspiration&#34;&gt;Inspiration&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#features&#34;&gt;Features&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#themes&#34;&gt;Themes&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&#34;#license&#34;&gt;License&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/nav&gt;
  &lt;/div&gt;
&lt;/details&gt;

&lt;h2 id=&#34;overview&#34;&gt;Overview&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;The Hugo Blox website builder for Hugo, along with its starter templates, is designed for professional creators, educators, and teams/organizations - although it can be used to create any kind of site&lt;/li&gt;
&lt;li&gt;The template can be modified and customised to suit your needs. It&amp;rsquo;s a good platform for anyone looking to take control of their data and online identity whilst having the convenience to start off with a &lt;strong&gt;no-code solution (write in Markdown and customize with YAML parameters)&lt;/strong&gt; and having &lt;strong&gt;flexibility to later add even deeper personalization with HTML and CSS&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;You can work with all your favourite tools and apps with hundreds of plugins and integrations to speed up your workflows, interact with your readers, and much more&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;get-started&#34;&gt;Get Started&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;👉 &lt;a href=&#34;https://hugoblox.com/templates/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Create a new site&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;📚 &lt;a href=&#34;https://docs.hugoblox.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Personalize your site&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;💬 &lt;a href=&#34;https://discord.gg/z8wNYzb&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Chat with the &lt;strong&gt;Hugo Blox community&lt;/strong&gt;&lt;/a&gt; or &lt;a href=&#34;https://discourse.gohugo.io&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Hugo community&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🐦 Twitter: &lt;a href=&#34;https://x.com/GoOwnable&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;@GoOwnable&lt;/a&gt;  #MadeWithHugoBlox&lt;/li&gt;
&lt;li&gt;💡 &lt;a href=&#34;https://github.com/HugoBlox/kit/issues&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Request a &lt;strong&gt;feature&lt;/strong&gt; or report a &lt;strong&gt;bug&lt;/strong&gt; for &lt;em&gt;Hugo Blox&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;⬆️ &lt;strong&gt;Updating Hugo Blox?&lt;/strong&gt; View the &lt;a href=&#34;https://docs.hugoblox.com/reference/update/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Update Guide&lt;/a&gt; and &lt;a href=&#34;https://github.com/HugoBlox/kit/releases&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Release Notes&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;crowd-funded-open-source-software&#34;&gt;Crowd-funded open-source software&lt;/h2&gt;
&lt;p&gt;To help us develop this template and software sustainably under the MIT license, we ask all individuals and businesses that use it to help support its ongoing maintenance and development via sponsorship.&lt;/p&gt;
&lt;h3 id=&#34;-click-here-to-become-a-sponsor-and-help-support-hugo-blox&#34;&gt;&lt;a href=&#34;https://hugoblox.com/sponsor/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;❤️ Click here to become a sponsor and help support Hugo Blox&amp;rsquo;s future ❤️&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;As a token of appreciation for sponsoring, you can &lt;strong&gt;unlock &lt;a href=&#34;https://hugoblox.com/sponsor/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;these&lt;/a&gt; awesome rewards and extra features 🦄✨&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&#34;ecosystem&#34;&gt;Ecosystem&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;&lt;a href=&#34;https://github.com/GetRD/academic-file-converter&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Bibtex To Markdown&lt;/a&gt;:&lt;/strong&gt; Automatically import publications from BibTeX&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;inspiration&#34;&gt;Inspiration&lt;/h2&gt;
&lt;p&gt;&lt;a href=&#34;https://hugoblox.com/creators/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Learn what other &lt;strong&gt;creators&lt;/strong&gt;&lt;/a&gt; are building with this template.&lt;/p&gt;
&lt;h2 id=&#34;features&#34;&gt;Features&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Page builder&lt;/strong&gt; - Create &lt;em&gt;anything&lt;/em&gt; with no-code &lt;a href=&#34;https://hugoblox.com/blocks/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;blocks&lt;/strong&gt;&lt;/a&gt; and &lt;a href=&#34;https://docs.hugoblox.com/reference/markdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;elements&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Edit any type of content&lt;/strong&gt; - Blog posts, publications, talks, slides, projects, and more!&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Create content&lt;/strong&gt; in &lt;a href=&#34;https://docs.hugoblox.com/reference/markdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Markdown&lt;/strong&gt;&lt;/a&gt;, &lt;a href=&#34;https://docs.hugoblox.com/getting-started/cms/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Jupyter&lt;/strong&gt;&lt;/a&gt;, or &lt;a href=&#34;https://docs.hugoblox.com/getting-started/cms/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;RStudio&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Plugin System&lt;/strong&gt; - Fully customizable &lt;a href=&#34;https://docs.hugoblox.com/getting-started/customize/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;color&lt;/strong&gt; and &lt;strong&gt;font themes&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Display Code and Math&lt;/strong&gt; - Code syntax highlighting and LaTeX math supported&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Integrations&lt;/strong&gt; - &lt;a href=&#34;https://analytics.google.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Google Analytics&lt;/a&gt;, &lt;a href=&#34;https://disqus.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Disqus commenting&lt;/a&gt;, Maps, Contact Forms, and more!&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Beautiful Site&lt;/strong&gt; - Simple and refreshing one-page design&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Industry-Leading SEO&lt;/strong&gt; - Help get your website found on search engines and social media&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Media Galleries&lt;/strong&gt; - Display your images and videos with captions in a customizable gallery&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Mobile Friendly&lt;/strong&gt; - Look amazing on every screen with a mobile friendly version of your site&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Multi-language&lt;/strong&gt; - 35+ language packs including English, 中文, and Português&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Multi-user&lt;/strong&gt; - Each author gets their own profile page&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Privacy Pack&lt;/strong&gt; - Assists with GDPR&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Stand Out&lt;/strong&gt; - Bring your site to life with animation, parallax backgrounds, and scroll effects&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;One-Click Deployment&lt;/strong&gt; - No servers. No databases. Only files.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;themes&#34;&gt;Themes&lt;/h2&gt;
&lt;p&gt;Hugo Blox and its templates come with &lt;strong&gt;automatic day (light) and night (dark) mode&lt;/strong&gt; built-in. Visitors can choose their preferred mode by clicking the sun/moon icon in the header.&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://docs.hugoblox.com/getting-started/customize/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Choose a stunning &lt;strong&gt;theme&lt;/strong&gt; and &lt;strong&gt;font&lt;/strong&gt;&lt;/a&gt; for your site. Themes are fully customizable.&lt;/p&gt;
&lt;h2 id=&#34;license&#34;&gt;License&lt;/h2&gt;
&lt;p&gt;Released under the &lt;a href=&#34;https://github.com/HugoBlox/kit/blob/main/LICENSE.md&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;MIT&lt;/a&gt; license.&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>🧠 Sharpen your thinking with a second brain</title>
      <link>http://localhost:1313/blog/second-brain/</link>
      <pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/blog/second-brain/</guid>
      <description>&lt;p&gt;Create a personal knowledge base and share your knowledge with your peers.&lt;/p&gt;
&lt;p&gt;Hugo Blox web framework empowers you with one of the most flexible note-taking capabilities out there.&lt;/p&gt;
&lt;p&gt;Create a powerful knowledge base that works on top of a local folder of plain text Markdown files.&lt;/p&gt;
&lt;p&gt;Use it as your second brain, either publicly sharing your knowledge with your peers via your website, or via a private GitHub repository and password-protected site just for yourself.&lt;/p&gt;
&lt;h2 id=&#34;mindmaps&#34;&gt;Mindmaps&lt;/h2&gt;
&lt;p&gt;Hugo Blox supports a Markdown extension for mindmaps.&lt;/p&gt;
&lt;p&gt;With this open format, can even edit your mindmaps in other popular tools such as Obsidian.&lt;/p&gt;
&lt;p&gt;Simply insert a Markdown code block labelled as &lt;code&gt;markmap&lt;/code&gt; and optionally set the height of the mindmap as shown in the example below.&lt;/p&gt;
&lt;p&gt;Mindmaps can be created by simply writing the items as a Markdown list within the &lt;code&gt;markmap&lt;/code&gt; code block, indenting each item to create as many sub-levels as you need:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre class=&#34;chroma&#34;&gt;
&lt;code&gt;
```markmap {height=&#34;200px&#34;}
- Hugo Modules
  - Hugo Blox
  - netlify
  - netlify-cms
  - slides
```
&lt;/code&gt;
&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class=&#34;markmap&#34; style=&#34;height: 200px;&#34;&gt;

&lt;pre&gt;- Hugo Modules
  - Hugo Blox
  - netlify
  - netlify-cms
  - slides&lt;/pre&gt;
&lt;/div&gt;

&lt;p&gt;Anh here&amp;rsquo;s a more advanced mindmap with formatting, code blocks, and math:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre class=&#34;chroma&#34;&gt;
&lt;code&gt;
```markmap
- Mindmaps
  - Links
    - [Hugo Blox Docs](https://docs.hugoblox.com/)
    - [Discord Community](https://discord.gg/z8wNYzb)
    - [GitHub](https://github.com/HugoBlox/kit)
  - Features
    - Markdown formatting
    - **inline** ~~text~~ *styles*
    - multiline
      text
    - `inline code`
    -
      ```js
      console.log(&#39;hello&#39;);
      console.log(&#39;code block&#39;);
      ```
    - Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
```
&lt;/code&gt;
&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class=&#34;markmap&#34; style=&#34;height: 500px;&#34;&gt;

&lt;pre&gt;- Mindmaps
  - Links
    - [Hugo Blox Docs](https://docs.hugoblox.com/)
    - [Discord Community](https://discord.gg/z8wNYzb)
    - [GitHub](https://github.com/HugoBlox/kit)
  - Features
    - Markdown formatting
    - **inline** ~~text~~ *styles*
    - multiline
      text
    - `inline code`
    -
      ```js
      console.log(&#39;hello&#39;);
      console.log(&#39;code block&#39;);
      ```
    - Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$&lt;/pre&gt;
&lt;/div&gt;

&lt;h2 id=&#34;highlighting&#34;&gt;Highlighting&lt;/h2&gt;
&lt;p&gt;&lt;mark&gt;Highlight&lt;/mark&gt; important text with &lt;code&gt;mark&lt;/code&gt;:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;mark&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;Highlighted text&lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;mark&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;callouts&#34;&gt;Callouts&lt;/h2&gt;
&lt;p&gt;Use &lt;a href=&#34;https://docs.hugoblox.com/reference/markdown/#callouts&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;callouts&lt;/a&gt; (aka &lt;em&gt;asides&lt;/em&gt;, &lt;em&gt;hints&lt;/em&gt;, or &lt;em&gt;alerts&lt;/em&gt;) to draw attention to notes, tips, and warnings.&lt;/p&gt;
&lt;p&gt;Use the &lt;code&gt;&amp;gt; [!NOTE]&lt;/code&gt; syntax to create a callout.&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;&amp;gt; &lt;/span&gt;&lt;span class=&#34;ge&#34;&gt;[!NOTE]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;&amp;gt; &lt;/span&gt;&lt;span class=&#34;ge&#34;&gt;A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;



  
  
  
  
  





  
  
  














  
  
  
  


&lt;div class=&#34;callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-blue-100 dark:bg-blue-900 border-blue-500&#34; 
     data-callout=&#34;note&#34; 
     data-callout-metadata=&#34;&#34;&gt;
  &lt;span class=&#34;callout-icon pr-3 pt-1 text-blue-600 dark:text-blue-300&#34;&gt;
    &lt;svg height=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125&#34;/&gt;&lt;/svg&gt;
  &lt;/span&gt;
  &lt;div class=&#34;callout-content dark:text-neutral-300&#34;&gt;
    &lt;div class=&#34;callout-title font-semibold mb-1&#34;&gt;Notitie&lt;/div&gt;
    &lt;div class=&#34;callout-body&#34;&gt;&lt;p&gt;A Markdown aside is useful for displaying notices, hints, or definitions to your readers.&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;Or use the &lt;code&gt;warning&lt;/code&gt; callout type so your readers don&amp;rsquo;t miss critical details:&lt;/p&gt;



  
  
  
  
  





  
  
  














  
  
  
  


&lt;div class=&#34;callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-orange-100 dark:bg-orange-900 border-orange-500&#34; 
     data-callout=&#34;warning&#34; 
     data-callout-metadata=&#34;&#34;&gt;
  &lt;span class=&#34;callout-icon pr-3 pt-1 text-orange-600 dark:text-orange-300&#34;&gt;
    &lt;svg height=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z&#34;/&gt;&lt;/svg&gt;
  &lt;/span&gt;
  &lt;div class=&#34;callout-content dark:text-neutral-300&#34;&gt;
    &lt;div class=&#34;callout-title font-semibold mb-1&#34;&gt;Waarschuwing&lt;/div&gt;
    &lt;div class=&#34;callout-body&#34;&gt;&lt;p&gt;A Markdown aside is useful for displaying notices, hints, or definitions to your readers.&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id=&#34;did-you-find-this-page-helpful-consider-sharing-it-&#34;&gt;Did you find this page helpful? Consider sharing it 🙌&lt;/h2&gt;
</description>
    </item>
    
    <item>
      <title>📈 Communicate your results effectively with the best data visualizations</title>
      <link>http://localhost:1313/blog/data-visualization/</link>
      <pubDate>Wed, 25 Oct 2023 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/blog/data-visualization/</guid>
      <description>&lt;p&gt;Hugo Blox is designed to give technical content creators a seamless experience. You can focus on the content and Hugo Blox handles the rest.&lt;/p&gt;
&lt;p&gt;Use popular tools such as Plotly, Mermaid, and data frames.&lt;/p&gt;
&lt;h2 id=&#34;charts&#34;&gt;Charts&lt;/h2&gt;
&lt;p&gt;Hugo Blox supports the popular &lt;a href=&#34;https://plot.ly/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Plotly&lt;/a&gt; format for interactive data visualizations. With Plotly, you can design almost any kind of visualization you can imagine!&lt;/p&gt;
&lt;p&gt;Save your Plotly JSON in your page folder, for example &lt;code&gt;line-chart.json&lt;/code&gt;, and then add the &lt;code&gt;{{&amp;lt; chart data=&amp;quot;line-chart&amp;quot; &amp;gt;}}&lt;/code&gt; shortcode where you would like the chart to appear.&lt;/p&gt;
&lt;p&gt;Demo:&lt;/p&gt;




&lt;div id=&#34;chart-259134678&#34; class=&#34;chart&#34;&gt;&lt;/div&gt;
&lt;script&gt;
  (function() {
    async function fetchChartJSON() {
      console.debug(&#39;Hugo Blox fetching chart JSON...&#39;)
      const response = await fetch(&#39;.\/line-chart.json&#39;);
      return await response.json();
    }

    let a = setInterval( function() {
      if ( typeof window.Plotly === &#39;undefined&#39; ) {
        console.debug(&#39;Plotly not loaded yet...&#39;)
        return;
      }
      clearInterval( a );

      fetchChartJSON().then(chart =&gt; {
        console.debug(&#39;Plotting chart...&#39;)
        window.Plotly.newPlot(&#39;chart-259134678&#39;, chart.data, chart.layout, {responsive: true});
      });
    }, 500 );
  })();
&lt;/script&gt;

&lt;p&gt;You might also find the &lt;a href=&#34;http://plotly-json-editor.getforge.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Plotly JSON Editor&lt;/a&gt; useful.&lt;/p&gt;
&lt;h2 id=&#34;diagrams&#34;&gt;Diagrams&lt;/h2&gt;
&lt;p&gt;Hugo Blox supports the &lt;em&gt;Mermaid&lt;/em&gt; Markdown extension for diagrams.&lt;/p&gt;
&lt;p&gt;An example &lt;strong&gt;flowchart&lt;/strong&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;```mermaid
graph TD
A[Hard] --&amp;gt;|Text| B(Round)
B --&amp;gt; C{Decision}
C --&amp;gt;|One| D[Result 1]
C --&amp;gt;|Two| E[Result 2]
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class=&#34;mermaid&#34;&gt;graph TD
A[Hard] --&gt;|Text| B(Round)
B --&gt; C{Decision}
C --&gt;|One| D[Result 1]
C --&gt;|Two| E[Result 2]
&lt;/div&gt;
&lt;p&gt;An example &lt;strong&gt;sequence diagram&lt;/strong&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;```mermaid
sequenceDiagram
Alice-&amp;gt;&amp;gt;John: Hello John, how are you?
loop Healthcheck
    John-&amp;gt;&amp;gt;John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John--&amp;gt;&amp;gt;Alice: Great!
John-&amp;gt;&amp;gt;Bob: How about you?
Bob--&amp;gt;&amp;gt;John: Jolly good!
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class=&#34;mermaid&#34;&gt;sequenceDiagram
Alice-&gt;&gt;John: Hello John, how are you?
loop Healthcheck
    John-&gt;&gt;John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John--&gt;&gt;Alice: Great!
John-&gt;&gt;Bob: How about you?
Bob--&gt;&gt;John: Jolly good!
&lt;/div&gt;
&lt;p&gt;An example &lt;strong&gt;class diagram&lt;/strong&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;```mermaid
classDiagram
Class01 &amp;lt;|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --&amp;gt; C2 : Where am i?
Class09 --* C3
Class09 --|&amp;gt; Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 &amp;lt;--&amp;gt; C2: Cool label
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class=&#34;mermaid&#34;&gt;classDiagram
Class01 &lt;|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --&gt; C2 : Where am i?
Class09 --* C3
Class09 --|&gt; Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 &lt;--&gt; C2: Cool label
&lt;/div&gt;
&lt;p&gt;An example &lt;strong&gt;state diagram&lt;/strong&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;```mermaid
stateDiagram
[*] --&amp;gt; Still
Still --&amp;gt; [*]
Still --&amp;gt; Moving
Moving --&amp;gt; Still
Moving --&amp;gt; Crash
Crash --&amp;gt; [*]
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class=&#34;mermaid&#34;&gt;stateDiagram
[*] --&gt; Still
Still --&gt; [*]
Still --&gt; Moving
Moving --&gt; Still
Moving --&gt; Crash
Crash --&gt; [*]
&lt;/div&gt;
&lt;h2 id=&#34;data-frames&#34;&gt;Data Frames&lt;/h2&gt;
&lt;p&gt;Save your spreadsheet as a CSV file in your page&amp;rsquo;s folder and then render it by adding the &lt;em&gt;Table&lt;/em&gt; shortcode to your page:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-go&#34; data-lang=&#34;go&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;{{&amp;lt;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;table&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;path&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;results.csv&amp;#34;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;header&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;true&amp;#34;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;caption&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;Table 1: My results&amp;#34;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;}}&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;














&lt;table class=&#34;table-auto w-full&#34;&gt;
  
    
    
    &lt;thead&gt;
      &lt;tr&gt;  &lt;th class=&#34;border-b dark:border-slate-600 font-medium p-4 pt-0 pb-3 text-slate-400 dark:text-slate-200 text-left&#34;&gt;customer_id&lt;/th&gt;  &lt;th class=&#34;border-b dark:border-slate-600 font-medium p-4 pt-0 pb-3 text-slate-400 dark:text-slate-200 text-left&#34;&gt;score&lt;/th&gt;  &lt;/tr&gt;
    &lt;/thead&gt;
  
  &lt;tbody&gt;
  
    &lt;tr&gt;
      
        
          &lt;td data-table-dtype=&#34;number&#34; class=&#34;border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400&#34;&gt;1&lt;/td&gt;
        
      
        
          &lt;td data-table-dtype=&#34;number&#34; class=&#34;border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400&#34;&gt;0&lt;/td&gt;
        
      
    &lt;/tr&gt;
  
    &lt;tr&gt;
      
        
          &lt;td data-table-dtype=&#34;number&#34; class=&#34;border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400&#34;&gt;2&lt;/td&gt;
        
      
        
          &lt;td data-table-dtype=&#34;text&#34; class=&#34;border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400&#34;&gt;0.5&lt;/td&gt;
        
      
    &lt;/tr&gt;
  
    &lt;tr&gt;
      
        
          &lt;td data-table-dtype=&#34;number&#34; class=&#34;border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400&#34;&gt;3&lt;/td&gt;
        
      
        
          &lt;td data-table-dtype=&#34;number&#34; class=&#34;border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400&#34;&gt;1&lt;/td&gt;
        
      
    &lt;/tr&gt;
  
  &lt;/tbody&gt;
  
    &lt;caption class=&#34;table-caption&#34;&gt;Table 1: My results&lt;/caption&gt;
  
&lt;/table&gt;

&lt;h2 id=&#34;did-you-find-this-page-helpful-consider-sharing-it-&#34;&gt;Did you find this page helpful? Consider sharing it 🙌&lt;/h2&gt;
</description>
    </item>
    
    <item>
      <title>👩🏼‍🏫 Teach academic courses</title>
      <link>http://localhost:1313/blog/teach-courses/</link>
      <pubDate>Tue, 24 Oct 2023 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/blog/teach-courses/</guid>
      <description>&lt;p&gt;&lt;a href=&#34;https://hugoblox.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;HugoBlox Kit&lt;/a&gt; is designed to give technical content creators a seamless experience. You can focus on the content and the HugoBlox Kit which this template is built upon handles the rest.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Embed videos, podcasts, code, LaTeX math, and even test students!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;On this page, you&amp;rsquo;ll find some examples of the types of technical content that can be rendered with Hugo Blox.&lt;/p&gt;
&lt;h2 id=&#34;video&#34;&gt;Video&lt;/h2&gt;
&lt;p&gt;Teach your course by sharing videos with your students. Choose from one of the following approaches:&lt;/p&gt;
&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;
      &lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/D2vj0WcvH5c?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;
    &lt;/div&gt;

&lt;p&gt;&lt;strong&gt;Youtube&lt;/strong&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;{{&amp;lt; youtube w7Ft2ymGmfc &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;strong&gt;Bilibili&lt;/strong&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;{{&amp;lt; bilibili id=&amp;quot;BV1WV4y1r7DF&amp;quot; &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;strong&gt;Video file&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Videos may be added to a page by either placing them in your &lt;code&gt;assets/media/&lt;/code&gt; media library or in your &lt;a href=&#34;https://gohugo.io/content-management/page-bundles/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;page&amp;rsquo;s folder&lt;/a&gt;, and then embedding them with the &lt;em&gt;video&lt;/em&gt; shortcode:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;{{&amp;lt; video src=&amp;quot;my_video.mp4&amp;quot; controls=&amp;quot;yes&amp;quot; &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;
&lt;h2 id=&#34;podcast&#34;&gt;Podcast&lt;/h2&gt;
&lt;p&gt;You can add a podcast or music to a page by placing the MP3 file in the page&amp;rsquo;s folder or the media library folder and then embedding the audio on your page with the &lt;em&gt;audio&lt;/em&gt; shortcode:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;{{&amp;lt; audio src=&amp;quot;ambient-piano.mp3&amp;quot; &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Try it out:&lt;/p&gt;








  








&lt;audio controls &gt;
  &lt;source src=&#34;http://localhost:1313/blog/teach-courses/ambient-piano.mp3&#34; type=&#34;audio/mpeg&#34;&gt;
&lt;/audio&gt;

&lt;h2 id=&#34;test-students&#34;&gt;Test students&lt;/h2&gt;
&lt;p&gt;Provide a simple yet fun self-assessment by revealing the solutions to challenges with the &lt;code&gt;spoiler&lt;/code&gt; shortcode:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{{&amp;lt; spoiler text=&amp;#34;👉 Click to view the solution&amp;#34; &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;You found me!
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;{{&amp;lt; /spoiler &amp;gt;}}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;
&lt;details class=&#34;spoiler &#34;  id=&#34;spoiler-2&#34;&gt;
  &lt;summary class=&#34;cursor-pointer&#34;&gt;👉 Click to view the solution&lt;/summary&gt;
  &lt;div class=&#34;rounded-lg bg-neutral-50 dark:bg-neutral-800 p-2&#34;&gt;
    You found me 🎉
  &lt;/div&gt;
&lt;/details&gt;
&lt;h2 id=&#34;math&#34;&gt;Math&lt;/h2&gt;
&lt;p&gt;HugoBlox Kit supports a Markdown extension for $\LaTeX$ math. You can enable this feature by toggling the &lt;code&gt;math&lt;/code&gt; option in your &lt;code&gt;config/_default/params.yaml&lt;/code&gt; file.&lt;/p&gt;
&lt;p&gt;To render &lt;em&gt;inline&lt;/em&gt; or &lt;em&gt;block&lt;/em&gt; math, wrap your LaTeX math with &lt;code&gt;{{&amp;lt; math &amp;gt;}}$...${{&amp;lt; /math &amp;gt;}}&lt;/code&gt; or &lt;code&gt;{{&amp;lt; math &amp;gt;}}$$...$${{&amp;lt; /math &amp;gt;}}&lt;/code&gt;, respectively.&lt;/p&gt;



  
  
  
  
  





  
  
  














  
  
  
  


&lt;div class=&#34;callout flex px-4 py-3 mb-6 rounded-md border-l-4 bg-blue-100 dark:bg-blue-900 border-blue-500&#34; 
     data-callout=&#34;note&#34; 
     data-callout-metadata=&#34;&#34;&gt;
  &lt;span class=&#34;callout-icon pr-3 pt-1 text-blue-600 dark:text-blue-300&#34;&gt;
    &lt;svg height=&#34;24&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path fill=&#34;none&#34; stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;1.5&#34; d=&#34;m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125&#34;/&gt;&lt;/svg&gt;
  &lt;/span&gt;
  &lt;div class=&#34;callout-content dark:text-neutral-300&#34;&gt;
    &lt;div class=&#34;callout-title font-semibold mb-1&#34;&gt;Notitie&lt;/div&gt;
    &lt;div class=&#34;callout-body&#34;&gt;&lt;p&gt;We wrap the LaTeX math in the Hugo Blox &lt;em&gt;math&lt;/em&gt; shortcode to prevent Hugo rendering our math as Markdown.&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;Example &lt;strong&gt;math block&lt;/strong&gt;:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-latex&#34; data-lang=&#34;latex&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nb&#34;&gt;{{&lt;/span&gt;&amp;lt; math &amp;gt;&lt;span class=&#34;nb&#34;&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;sb&#34;&gt;$$&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;\gamma&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;_{n} &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\frac&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;{ &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\left&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; | &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\left&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\mathbf&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; x_{n} &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\mathbf&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; x_{n&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;m&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;} &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\right&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;^T &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\left&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\nabla&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; F &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\mathbf&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; x_{n}&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\nabla&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; F &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\mathbf&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; x_{n&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;m&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;}&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\right&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;]&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\right&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; |}{&lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\left&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\|\nabla&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; F&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\mathbf&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;{x}_{n}&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\nabla&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; F&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\mathbf&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;{x}_{n&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;m&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;}&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\right&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\|&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;^&lt;/span&gt;&lt;span class=&#34;m&#34;&gt;2&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;s&#34;&gt;$$&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nb&#34;&gt;{{&lt;/span&gt;&amp;lt; /math &amp;gt;&lt;span class=&#34;nb&#34;&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;

$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$


&lt;p&gt;Example &lt;strong&gt;inline math&lt;/strong&gt; &lt;code&gt;{{&amp;lt; math &amp;gt;}}$\nabla F(\mathbf{x}_{n})${{&amp;lt; /math &amp;gt;}}&lt;/code&gt; renders as $\nabla F(\mathbf{x}_{n})$
.&lt;/p&gt;
&lt;p&gt;Example &lt;strong&gt;multi-line math&lt;/strong&gt; using the math linebreak (&lt;code&gt;\\&lt;/code&gt;):&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-latex&#34; data-lang=&#34;latex&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nb&#34;&gt;{{&lt;/span&gt;&amp;lt; math &amp;gt;&lt;span class=&#34;nb&#34;&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;sb&#34;&gt;$$&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;f&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;k;p_{&lt;/span&gt;&lt;span class=&#34;m&#34;&gt;0&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;}^{&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;*&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;}&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\begin&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;{cases}p_{&lt;/span&gt;&lt;span class=&#34;m&#34;&gt;0&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;}^{&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;*&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;} &amp;amp; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\text&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;{if }k&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;m&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;, &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\\&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;m&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;p_{&lt;/span&gt;&lt;span class=&#34;m&#34;&gt;0&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;}^{&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;*&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;} &amp;amp; &lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\text&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;{if }k&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;m&#34;&gt;0&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nv&#34;&gt;\end&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;{cases}&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;$$&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nb&#34;&gt;{{&lt;/span&gt;&amp;lt; /math &amp;gt;&lt;span class=&#34;nb&#34;&gt;}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;


$$
f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} &amp; \text{if }k=1, \\
1-p_{0}^{*} &amp; \text{if }k=0.\end{cases}
$$



&lt;h2 id=&#34;code&#34;&gt;Code&lt;/h2&gt;
&lt;p&gt;HugoBlox Kit utilises Hugo&amp;rsquo;s Markdown extension for highlighting code syntax. The code theme can be selected in the &lt;code&gt;config/_default/params.yaml&lt;/code&gt; file.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;```python
import pandas as pd
data = pd.read_csv(&amp;quot;data.csv&amp;quot;)
data.head()
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-python&#34; data-lang=&#34;python&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;kn&#34;&gt;import&lt;/span&gt; &lt;span class=&#34;nn&#34;&gt;pandas&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;as&lt;/span&gt; &lt;span class=&#34;nn&#34;&gt;pd&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;data&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;n&#34;&gt;pd&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;read_csv&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;data.csv&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;n&#34;&gt;data&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;head&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;()&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 id=&#34;inline-images&#34;&gt;Inline Images&lt;/h2&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-go&#34; data-lang=&#34;go&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;{{&amp;lt;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;icon&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;name&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;python&amp;#34;&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;}}&lt;/span&gt;&lt;span class=&#34;w&#34;&gt; &lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;Python&lt;/span&gt;&lt;span class=&#34;w&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;
&lt;p&gt;
  &lt;span class=&#34;inline-block  pr-1&#34;&gt;
    &lt;svg style=&#34;height: 1em; transform: translateY(0.1em);&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; height=&#34;1em&#34; viewBox=&#34;0 0 448 512&#34; fill=&#34;currentColor&#34;&gt;&lt;path d=&#34;M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z&#34;/&gt;&lt;/svg&gt;
  &lt;/span&gt; Python&lt;/p&gt;
&lt;h2 id=&#34;did-you-find-this-page-helpful-consider-sharing-it-&#34;&gt;Did you find this page helpful? Consider sharing it 🙌&lt;/h2&gt;
</description>
    </item>
    
    <item>
      <title>Home</title>
      <link>http://localhost:1313/_index-copy/</link>
      <pubDate>Tue, 24 Oct 2023 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/_index-copy/</guid>
      <description></description>
    </item>
    
    <item>
      <title>✅ Manage your projects</title>
      <link>http://localhost:1313/blog/project-management/</link>
      <pubDate>Mon, 23 Oct 2023 00:00:00 +0000</pubDate>
      <guid>http://localhost:1313/blog/project-management/</guid>
      <description>&lt;p&gt;Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!&lt;/p&gt;
&lt;h2 id=&#34;ideation&#34;&gt;Ideation&lt;/h2&gt;
&lt;p&gt;Hugo Blox supports a Markdown extension for mindmaps.&lt;/p&gt;
&lt;p&gt;Simply insert a Markdown code block labelled as &lt;code&gt;markmap&lt;/code&gt; and optionally set the height of the mindmap as shown in the example below.&lt;/p&gt;
&lt;p&gt;Mindmaps can be created by simply writing the items as a Markdown list within the &lt;code&gt;markmap&lt;/code&gt; code block, indenting each item to create as many sub-levels as you need:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;
&lt;pre class=&#34;chroma&#34;&gt;
&lt;code&gt;
```markmap {height=&#34;200px&#34;}
- Hugo Modules
  - Hugo Blox
  - netlify
  - netlify-cms
  - slides
```
&lt;/code&gt;
&lt;/pre&gt;
&lt;/div&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class=&#34;markmap&#34; style=&#34;height: 200px;&#34;&gt;

&lt;pre&gt;- Hugo Modules
  - Hugo Blox
  - netlify
  - netlify-cms
  - slides&lt;/pre&gt;
&lt;/div&gt;

&lt;h2 id=&#34;diagrams&#34;&gt;Diagrams&lt;/h2&gt;
&lt;p&gt;Hugo Blox supports the &lt;em&gt;Mermaid&lt;/em&gt; Markdown extension for diagrams.&lt;/p&gt;
&lt;p&gt;An example &lt;strong&gt;Gantt diagram&lt;/strong&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;```mermaid
gantt
section Section
Completed :done,    des1, 2014-01-06,2014-01-08
Active        :active,  des2, 2014-01-07, 3d
Parallel 1   :         des3, after des1, 1d
Parallel 2   :         des4, after des1, 1d
Parallel 3   :         des5, after des3, 1d
Parallel 4   :         des6, after des4, 1d
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;renders as&lt;/p&gt;
&lt;div class=&#34;mermaid&#34;&gt;gantt
section Section
Completed :done,    des1, 2014-01-06,2014-01-08
Active        :active,  des2, 2014-01-07, 3d
Parallel 1   :         des3, after des1, 1d
Parallel 2   :         des4, after des1, 1d
Parallel 3   :         des5, after des3, 1d
Parallel 4   :         des6, after des4, 1d
&lt;/div&gt;
&lt;h2 id=&#34;todo-lists&#34;&gt;Todo lists&lt;/h2&gt;
&lt;p&gt;You can even write your todo lists in Markdown too:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;- [x]&lt;/span&gt; Write math example
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;- [x]&lt;/span&gt; Write diagram example
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;k&#34;&gt;- [ ]&lt;/span&gt; Do something else
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;renders as&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Write math example
&lt;ul&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Write diagram example&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Do something else&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;did-you-find-this-page-helpful-consider-sharing-it-&#34;&gt;Did you find this page helpful? Consider sharing it 🙌&lt;/h2&gt;
</description>
    </item>
    
  </channel>
</rss>
