{"id":2685,"date":"2025-09-12T19:19:07","date_gmt":"2025-09-12T19:19:07","guid":{"rendered":"https:\/\/comped.acm.org\/2025\/?page_id=2685"},"modified":"2025-09-13T09:40:29","modified_gmt":"2025-09-13T09:40:29","slug":"integrating-generative-ai-into-introductory-cs-courses","status":"publish","type":"page","link":"https:\/\/comped.acm.org\/2025\/integrating-generative-ai-into-introductory-cs-courses\/","title":{"rendered":"Integrating\u00a0Generative\u00a0AI\u00a0into Introductory CS Courses"},"content":{"rendered":"\n<section class=\"ai-cs1\" aria-labelledby=\"ai-cs1-title\">\n  <style>\n    .ai-cs1 {\n      --bg: #ffffff;\n      --text: #1a1a1a;\n      --muted: #555555;\n      --accent1: #14b8a6; \/* teal *\/\n      --accent2: #8b5cf6; \/* purple *\/\n      --accent3: #facc15; \/* yellow *\/\n      --accent4: #ec4899; \/* pink *\/\n      --accent5: #3b82f6; \/* blue *\/\n      font-family: 'Segoe UI', Arial, sans-serif;\n      color: var(--text);\n      background: linear-gradient(135deg, #f0f9ff, #fefce8);\n      padding: 50px 25px;\n      border-radius: 20px;\n      box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n      overflow: hidden;\n    }\n    .ai-cs1-header {\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto 40px;\n    }\n    .ai-cs1-eyebrow {\n      display: inline-block;\n      text-transform: uppercase;\n      font-weight: 700;\n      font-size: 13px;\n      letter-spacing: .1em;\n      color: #ffffff;\n      background: var(--accent2);\n      padding: 6px 14px;\n      border-radius: 999px;\n      margin-bottom: 14px;\n    }\n    .ai-cs1 h1 {\n      margin: 0 0 15px;\n      font-size: clamp(30px, 4vw, 44px);\n      line-height: 1.2;\n      color: var(--accent5);\n    }\n    .ai-cs1-sub {\n      color: var(--muted);\n      font-size: 18px;\n      line-height: 1.7;\n      margin: 0 auto;\n      max-width: 800px;\n    }\n\n    .ai-cs1-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 20px;\n      margin-top: 40px;\n    }\n    @media (min-width: 900px) {\n      .ai-cs1-grid { grid-template-columns: repeat(3, 1fr); }\n    }\n    .ai-cs1-card {\n      background: #ffffff;\n      border: 3px solid transparent;\n      border-image: linear-gradient(135deg, var(--accent1), var(--accent2), var(--accent4)) 1;\n      border-radius: 16px;\n      padding: 24px;\n      box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    .ai-cs1-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 10px 25px rgba(0,0,0,0.12);\n    }\n    .ai-cs1-card h3 {\n      margin-top: 0;\n      color: var(--accent2);\n      margin-bottom: 10px;\n      font-size: 22px;\n    }\n    .ai-cs1-card p, .ai-cs1-list {\n      color: var(--muted);\n      line-height: 1.7;\n      font-size: 16px;\n    }\n    .ai-cs1-list {\n      margin: 0;\n      padding-left: 20px;\n    }\n    .ai-cs1-list li { margin: 6px 0; }\n\n    .ai-cs1-quote {\n      background: #fef3c7;\n      padding: 14px 18px;\n      border-left: 5px solid var(--accent3);\n      border-radius: 10px;\n      color: #92400e;\n      margin-top: 15px;\n      font-style: italic;\n    }\n\n    .ai-cs1-cta {\n      text-align: center;\n      margin-top: 50px;\n    }\n    .ai-cs1-btn {\n      display: inline-block;\n      background: linear-gradient(135deg, var(--accent5), var(--accent1));\n      color: #ffffff;\n      font-weight: 700;\n      text-decoration: none;\n      padding: 14px 28px;\n      border-radius: 10px;\n      font-size: 18px;\n      box-shadow: 0 6px 18px rgba(0,0,0,0.15);\n      transition: transform .2s ease, box-shadow .2s ease;\n    }\n    .ai-cs1-btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n    }\n  <\/style>\n\n  <header class=\"ai-cs1-header\">\n    <span class=\"ai-cs1-eyebrow\">Workshop<\/span>\n    <h1 id=\"ai-cs1-title\">The Consortium for Generative AI in CS Education<\/h1>\n    <p class=\"ai-cs1-sub\">\n      This workshop will give you a hands-on introduction to the materials for the introductory courses. These courses develop student&#8217;s ability\u00a0to read code, reason about code, fix code, and break problems into functions. Students who pilot tested the CS1 course, reported enjoying the course and projects. This workshop is <strong>free<\/strong>, but advance sign-up will be required. \u00a0 \n    <\/p>\n  <\/header>\n\n  <div class=\"ai-cs1-grid\">\n    <article class=\"ai-cs1-card\">\n      <h3>What You\u2019ll Get<\/h3>\n      <ul class=\"ai-cs1-list\">\n        <li>Inquiry-based group activities<\/li>\n        <li>Lecture slides and lab exercises<\/li>\n        <li>Homework assignments and quizzes<\/li>\n        <li>Open-ended projects<\/li>\n      <\/ul>\n      <p>All materials are <strong>freely available<\/strong> and <strong>fully modifiable<\/strong>.<\/p>\n    <\/article>\n\n    <article class=\"ai-cs1-card\">\n      <h3>Skills Students Develop<\/h3>\n      <ul class=\"ai-cs1-list\">\n        <li>Reading and understanding code<\/li>\n        <li>Reasoning about code behavior<\/li>\n        <li>Debugging and fixing code<\/li>\n        <li>Breaking down problems into functions<\/li>\n      <\/ul>\n    <\/article>\n\n    <article class=\"ai-cs1-card\">\n      <h3>Proven Engagement<\/h3>\n      <p>Students who piloted the CS1 course reported enjoying the course and projects.<\/p>\n      <div class=\"ai-cs1-quote\">\n        \u201cTime: Wed October 22nd 6pm to 9pm, room TBA\u201d\n      <\/div>\n    <\/article>\n  <\/div>\n\n  <div class=\"ai-cs1-cta\">\n    <a class=\"ai-cs1-btn\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScGrTzeMpF6rEG43wBYvO68d68N_bOugyAtEmuLvArPgtBF7A\/viewform\">Register for the Workshop<\/a>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Workshop The Consortium for Generative AI in CS Education This workshop will give you a hands-on introduction to the materials for the introductory courses. These&hellip;<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2685","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/comped.acm.org\/2025\/wp-json\/wp\/v2\/pages\/2685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comped.acm.org\/2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/comped.acm.org\/2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/comped.acm.org\/2025\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/comped.acm.org\/2025\/wp-json\/wp\/v2\/comments?post=2685"}],"version-history":[{"count":17,"href":"https:\/\/comped.acm.org\/2025\/wp-json\/wp\/v2\/pages\/2685\/revisions"}],"predecessor-version":[{"id":2714,"href":"https:\/\/comped.acm.org\/2025\/wp-json\/wp\/v2\/pages\/2685\/revisions\/2714"}],"wp:attachment":[{"href":"https:\/\/comped.acm.org\/2025\/wp-json\/wp\/v2\/media?parent=2685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}