https://jiangyude.com/courses

1<!doctype html>
2<html lang="zh-Hant">
3<head>
4<meta charset="utf-8" />
5<meta name="viewport" content="width=device-width,initial-scale=1" />
6<meta name="robots" content="index,follow">
7<title>課程 · 江江教練 · AI 知識管理</title>
8<meta name="description" content="江江教練的課程總覽：收費課程、每月免費線上講座、企業與學校邀約授課，一頁看完。主題涵蓋 AI 知識管理、Agent 工作流、隱性知識提煉。" />
9<link rel="canonical" href="https://jiangyude.com/courses.html" />
10<meta property="og:type" content="website" />
11<meta property="og:url" content="https://jiangyude.com/courses.html" />
12<meta property="og:title" content="課程 · 江江教練 · AI 知識管理" />
13<meta property="og:description" content="收費課程、免費講座、邀約授課，一頁看完，用類型與形式篩選。" />
14<meta property="og:image" content="https://jiangyude.com/images/intro-jiang.png" />
15<meta property="og:locale" content="zh_TW" />
16<meta property="og:site_name" content="江江教練 · AI 知識管理" />
17<meta name="twitter:card" content="summary_large_image" />
18<meta name="twitter:title" content="課程 · 江江教練 · AI 知識管理" />
19<meta name="twitter:description" content="收費課程、免費講座、邀約授課，一頁看完。" />
20<meta name="twitter:image" content="https://jiangyude.com/images/intro-jiang.png" />
21<link rel="preconnect" href="https://fonts.googleapis.com" />
22<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
23<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Caveat:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" />
24<link rel="stylesheet" href="styles.css?v=20260603-learning-map" />
25<style>
26  .mfilter{display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; justify-content:center; margin:6px 0 26px;}
27  .mfilter .grp{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
28  .mfilter .grp b{font-size:0.88rem; color:var(--ink-faint); font-weight:600; margin-right:2px;}
29  .mchip{font:inherit; font-size:0.92rem; font-weight:600; padding:6px 15px; border-radius:999px;
30    border:1px solid var(--line); background:var(--paper); color:var(--ink-soft); cursor:pointer; transition:all .16s;}
31  .mchip:hover{border-color:var(--c-sand);}
32  .mchip.active{background:var(--c-sand); border-color:var(--c-sand); color:#fff;}
33  .msearch{font:inherit; font-size:0.95rem; padding:7px 16px; border-radius:999px; border:1px solid var(--line);
34    background:var(--paper); color:var(--ink); width:200px;}
35  .msearch:focus{outline:none; border-color:var(--c-sand);}
36
37  /* ─── 釘選課程大橫幅（資料源：courses-data.js 的 pinned + banner）─── */
38  #pinned-banner{margin:0 0 34px;}
39  .pinned-banner{position:relative; display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:clamp(20px,3vw,40px);
40    align-items:center; padding:clamp(20px,2.6vw,34px); border:1px solid var(--line); border-radius:20px;
41    background:linear-gradient(135deg,#fffdf7 0%,#faf3e6 100%); box-shadow:0 16px 40px rgba(107,74,42,.10); overflow:hidden;}
42  .pb-poster{display:block; border-radius:14px; overflow:hidden; box-shadow:0 10px 26px rgba(107,74,42,.18); transition:transform .25s;}
43  .pb-poster:hover{transform:translateY(-3px);}
44  .pb-poster img{display:block; width:100%; height:auto;}
45  .pb-body{min-width:0;}
46  .pb-flag{display:inline-flex; align-items:center; gap:6px; font-size:.84rem; font-weight:700; letter-spacing:.04em; color:#fff;
47    background:var(--c-coral); border-radius:999px; padding:6px 15px 6px 12px; margin-bottom:12px;
48    box-shadow:0 3px 10px rgba(232,90,79,.32);}
49  .pb-flag svg{width:14px; height:14px; fill:currentColor; flex-shrink:0;}
50  .pb-flag span{line-height:1;}
51  .pb-kicker{font-size:.92rem; font-weight:600; color:var(--c-sage); letter-spacing:.04em; margin-bottom:6px;}
52  .pb-title{margin:0 0 12px; font-size:clamp(22px,2.6vw,32px); line-height:1.25;}
53  .pb-title a{color:var(--ink); text-decoration:none; border-bottom:2px solid transparent; transition:border-color .2s;}
54  .pb-title a:hover{border-bottom-color:var(--c-coral);}
55  .pb-lead{margin:0 0 14px; font-size:1.02rem; line-height:1.7; color:var(--ink-soft);}
56  .pb-points{margin:0 0 16px; padding:0; list-style:none; display:grid; gap:7px;}
57  .pb-points li{position:relative; padding-left:20px; font-size:.95rem; line-height:1.6; color:var(--ink-soft);}
58  .pb-points li::before{content:''; position:absolute; left:4px; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--c-sage);}
59  .pb-facts{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px;}
60  .pb-facts span{font-size:.88rem; font-weight:600; color:var(--ink-faint);
61    background:rgba(160,129,68,.10); border:1px solid var(--line-soft); border-radius:999px; padding:4px 12px;}
62  .pb-cta{display:flex; flex-wrap:wrap; gap:10px;}
63  .pb-btn{display:inline-block; font-size:.98rem; font-weight:700; padding:11px 24px; border-radius:999px;
64    text-decoration:none; transition:all .18s; border:1px solid transparent;}
65  .pb-btn.primary{background:var(--c-coral); color:#fff;}
66  .pb-btn.primary:hover{background:#d64a3f; transform:translateY(-1px);}
67  .pb-btn.ghost{background:transparent; color:var(--ink-soft); border-color:var(--line);}
68  .pb-btn.buy{background:var(--c-sage); color:#fff;}
69  .pb-btn.buy:hover{background:#4e6344; transform:translateY(-1px);}
70  .pb-btn.ghost:hover{border-color:var(--c-sand); color:var(--ink);}
71  @media (max-width:820px){
72    .pinned-banner{grid-template-columns:1fr; gap:20px;}
73    .pb-poster{max-width:400px; margin:0 auto;}
74  }
75</style>

76<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"課程 · 江江教練 · AI 知識管理","description":"江江教練的課程總覽：收費課程、每月免費線上講座、企業與學校邀約授課，一頁看完。","url":"https://jiangyude.com/courses.html","inLanguage":"zh-Hant","isPartOf":{"@type":"WebSite","name":"江江教練 · AI 知識管理","url":"https://jiangyude.com/"},"about":{"@type":"Person","name":"江昱德","alternateName":"江江教練","jobTitle":"隱性知識提煉師、AI 應用規劃師"}}</script>

76
77<!-- tracking:vercel-analytics -->
78
79
80</head>
81<body class="spotlight" data-motion-type="pointer">
82
83<nav class="top">
84  <div class="container">
85    <a class="nav-brand-img" href="index.html"><img src="images/footer-signature.png" alt="江江教練 | 江昱德" /></a>
86    <button class="nav-toggle" aria-label="選單"><span></span><span></span><span></span></button>
87    <ul class="nav-menu">
88      <li><a href="index.html">首頁</a></li>
89      <li><a href="knowledge-architecture.html">知識架構</a></li>
90      <li><a href="courses.html" class="active">課程</a></li>
91      <li><a href="articles.html">文章</a></li>
92      <li><a href="skills.html">小工具</a></li>
93      <li><a href="offers.html">服務方案</a></li>
94    </ul>
95  </div>
96</nav>
97
98<div class="page-header">
99  <div class="watercolor wc-peach"></div>
100  <div class="watercolor wc-sage"></div>
101  <div class="container narrow">
102    <div class="eyebrow">收費 · 免費 · 邀約，一頁看完</div>
103    <h1>課 <span class="italic">程</span></h1>
104    <p>想直接報名看收費課程；想先免費聽一場，每月兩場線上講座，加 LINE 社群就能參加；想邀我去講，看看講過的場次。用下面的篩選找到你要的。</p>
105    <div class="btn-row" style="margin-top:20px; justify-content:center;">
106      <a class="button line" href="https://line.me/R/ti/g2/V63_43ngbs_kq1mpVc9LlxXB-1kchHnwdsy3WQ" target="_blank" rel="noopener">加 LINE 社群拿免費講座報名連結 ↗</a>
107    </div>
108  </div>
109</div>
110
111<section>
112  <div class="container">
113
114    <!-- 釘選課程大橫幅：courses-render.js 的 renderPinnedBanner 渲染（資料源 courses-data.js 的 pinned + banner）
115         下架＝把該卡的 pinned 拿掉，橫幅自動消失，不用動這裡 -->
116    <div id="pinned-banner"></div>
117
118    <div class="mfilter">
119      <div class="grp"><b>類型</b>
120        <button class="mchip active" data-mtype="all">全部</button>
121        <button class="mchip" data-mtype="paid">收費課</button>
122        <button class="mchip" data-mtype="free">免費課</button>
123        <button class="mchip" data-mtype="invited">邀約課</button>
124      </div>
125      <div class="grp"><b>形式</b>
126        <button class="mchip active" data-mvenue="all">全部</button>
127        <button class="mchip" data-mvenue="online">線上</button>
128        <button class="mchip" data-mvenue="physical">實體</button>
129        <button class="mchip" data-mvenue="podcast">Podcast</button>
130      </div>
131      <input class="msearch" id="merged-search" type="search" placeholder="搜主題、關鍵字…" />
132    </div>
133
134    <!-- 課程總覽：courses-render.js 的 renderMergedCourses 渲染（資料源 courses-data.js：COURSES + PAID_OFFERS） -->
135    <div id="merged-courses"><p style="text-align:center;color:var(--ink-faint);padding:48px;">課程載入中…</p></div>
136
137  </div>
138</section>
139
140<footer>
141  <div class="watercolor wc-sand"></div>
142  <div class="container">
143    <div class="foot-brand">
144      <div class="logo"><span class="eye">江江教練的</span>AI 知識管理</div>
145      <p>提煉 · 累積 · 應用你的知識資產</p>
146    </div>
147
148    <div class="foot-links">
149      <a href="index.html">首頁</a>
150      <a href="knowledge-architecture.html">知識架構</a>
151      <a href="courses.html">課程</a>
152      <a href="learn.html">自學資源</a>
153      <a href="articles.html">文章</a>
154      <a href="offers.html">服務方案</a>
155      <a href="resources.html">課後簡報</a>
156      <a href="ai-trends.html">AI 趨勢</a>
157      <a href="skills.html">小工具</a>
158      <a href="ai-office/">AI 辦公室</a>
159      <a href="https://line.me/R/ti/g2/V63_43ngbs_kq1mpVc9LlxXB-1kchHnwdsy3WQ" target="_blank" rel="noopener">LINE 社群 ↗</a>
160      <a href="https://line.me/R/ti/p/@713kczfc" target="_blank" rel="noopener">LINE OA ↗</a>
161      <a href="https://www.threads.com/@jiang_yude_coach" target="_blank" rel="noopener">Threads ↗</a>
162      <a href="https://vocus.cc/salon/Jiang_Coach" target="_blank" rel="noopener">方格子 ↗</a>
163      <a href="https://www.instagram.com/jiang_yude_coach/" target="_blank" rel="noopener">IG ↗</a>
164      <a href="https://www.youtube.com/@aipkmcc" target="_blank" rel="noopener">YouTube ↗</a>
165      <a href="https://github.com/Jiang-Yude" target="_blank" rel="noopener">GitHub ↗</a>
166    </div>
167
168    <div class="foot-meta">
169      v0.8 學習地圖版 · 搜尋、標籤與知識圖譜持續整理中
170    </div>
171  </div>
172</footer>
173

174<script src="courses-data.js?v=20260830-pinned-banner" defer></script>

174

175<script src="courses-render.js?v=20260830-pinned-banner" defer></script>

175

176<script src="spotlight.js" defer></script>

176
177  

177<script src="/views.js"></script>

177
178  

178<script src="/mika-chat-widget.js" defer></script>

178
179<!-- tracking:cloudflare -->

179
180<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "

180c3e3c857121d416ab405270557d017d3

180"}'></script>

181<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"2291f06fe67d402f8048257f651d232b","r":1,"spa":2}' crossorigin="anonymous"></script>

181
182</body>
183</html>