# แหล่งอ้างอิงของหลักสูตร

ดัชนีรวมแหล่งอ้างอิงจากรายงานวิจัยและบทเรียน ตรวจสอบเนื้อหาหลักเมื่อ 9 กันยายน 2026 เอกสารทางการอาจปรับรุ่นหรือ URL ภายหลัง ควรตรวจซ้ำก่อนเปิดอบรมรุ่นใหม่ การมีลิงก์ในดัชนีไม่ได้หมายถึงการรับรองหลักสูตรจากเจ้าของเอกสาร

ข้อเท็จจริงของบริการอ้างอิงใกล้เนื้อหาในแต่ละบท ส่วนการเลือกชั่วโมงเรียน ลำดับ lab และโจทย์ธุรกิจเป็นการออกแบบการสอนของหลักสูตรนี้

ดัชนีนี้ตั้งใจคงเป็นรายการเรียงแหล่งอ้างอิง เพราะการค้นชื่อผู้เผยแพร่และ URL ทำได้ตรงกว่าจากแผนภาพ สำหรับที่มา definition, prompt และการตรวจแผนภาพของหลักสูตร ดู [diagram provenance](../assets/diagram-provenance.md)

## แหล่งใหม่: HUSH product storytelling

ตรวจ 11 กันยายน 2026: [Apple AirPods Max](https://www.apple.com/airpods-max/) ใช้ศึกษาลำดับการเล่าเรื่องสินค้า, [GSAP matchMedia](https://gsap.com/docs/v3/GSAP/gsap.matchMedia%28%29/) และ [ScrollTrigger](https://gsap.com/docs/v3/Plugins/ScrollTrigger/) สำหรับ lifecycle/pin/scrub อ่าน [บทเรียน 07](../lessons/07-gsap-storefront.md) และ [prompt ฉบับเต็ม](../prompts/hush-product-story-prompt.md) ซึ่งใช้แบรนด์ HUSH และสเปกสมมติของคอร์ส

## แหล่งใหม่: Wrangler login และ Cloudflare API token

ขั้นตอนพร้อมคำสั่งและ prompt อยู่ใน [คู่มือ Wrangler authentication](../labs/cloudflare-wrangler-auth.md) ตรวจเทียบ Wrangler `4.130.0` เมื่อ 9 กันยายน 2026:

- Cloudflare: [ติดตั้ง Wrangler](https://developers.cloudflare.com/workers/wrangler/install-and-update/), [Login / whoami / logout](https://developers.cloudflare.com/workers/wrangler/commands/general/), [Device login](https://developers.cloudflare.com/changelog/post/2026-08-04-wrangler-login-device-flow/)
- Cloudflare: [สร้าง user API token และ verify](https://developers.cloudflare.com/fundamentals/api/get-started/create-token/), [Permission catalog](https://developers.cloudflare.com/fundamentals/api/reference/permissions/), [Global API key](https://developers.cloudflare.com/fundamentals/api/get-started/keys/)
- Cloudflare: [Workers asset upload permission](https://developers.cloudflare.com/api/resources/workers/subresources/scripts/subresources/assets/subresources/upload/methods/create/), [D1 create permission](https://developers.cloudflare.com/api/resources/d1/subresources/database/methods/create/), [D1 list permission](https://developers.cloudflare.com/api/resources/d1/subresources/database/methods/list/)
- Cloudflare: [CLI environment variables](https://developers.cloudflare.com/workers/wrangler/system-environment-variables/), [CI secrets](https://developers.cloudflare.com/workers/ci-cd/external-cicd/gitlab-cicd/), [Access service tokens](https://developers.cloudflare.com/cloudflare-one/access-controls/service-credentials/service-tokens/)

## แหล่งใหม่: การติดตั้งและ Design Tools/MCP

วิธีเชื่อมพร้อมผลที่ต้องตรวจอยู่ใน [รายงานวิจัย Design Tools/MCP](design-tools-and-mcp.md) และ [คู่มือติดตั้ง](../labs/install-ai-tools.md) ตรวจแหล่งทางการเมื่อ 9 กันยายน 2026:

- Anthropic: [Claude Code setup](https://code.claude.com/docs/en/getting-started), [Claude Desktop](https://support.claude.com/en/articles/10065433-install-claude-desktop), [Claude Design และ MCP](https://support.claude.com/en/articles/14604416-get-started-with-claude-design), [Design system](https://support.claude.com/en/articles/14604397-set-up-your-design-system-in-claude-design)
- OpenAI: [Codex CLI](https://learn.chatgpt.com/docs/codex/cli.md), [Authentication](https://learn.chatgpt.com/docs/auth.md), [Desktop app](https://learn.chatgpt.com/docs/app.md), [ChatGPT MCP apps](https://help.openai.com/en/articles/12584461-developer-mode-and-full-mcp-connectors-in-chatgpt)
- Google: [Stitch update มีนาคม 2026](https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/), [Stitch MCP setup](https://stitch.withgoogle.com/docs/mcp/setup/)
- Figma: [Remote MCP](https://developers.figma.com/docs/figma-mcp-server/remote-server-installation/), [Desktop MCP](https://developers.figma.com/docs/figma-mcp-server/local-server-installation/), [Tools and prompts](https://developers.figma.com/docs/figma-mcp-server/tools-and-prompts/)
- Penpot: [Official MCP](https://help.penpot.app/mcp/)
- Rawinnipa: [เว็บไซต์บริษัท](https://rawinsoft.com/) และ brandbook ภายในที่ระบุท้ายดัชนี

## แหล่งอ้างอิงบทเรียนหลัก

1. **agentskills.io** — [Agent Skills specification](https://agentskills.io/specification)

2. **cheatsheetseries.owasp.org** — [OWASP Input Validation](https://cheatsheetseries.owasp.org/cheatsheets/Input_Validation_Cheat_Sheet.html)

3. **cheatsheetseries.owasp.org** — [OWASP SQL injection](https://cheatsheetseries.owasp.org/cheatsheets/SQL_Injection_Prevention_Cheat_Sheet.html)

4. **code.claude.com** — [Best practices](https://code.claude.com/docs/en/best-practices)

5. **code.claude.com** — [Claude Code Skills](https://code.claude.com/docs/en/skills)

6. **developer.mozilla.org** — [MDN: How the web works](https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Web_standards/How_the_web_works)

7. **developer.mozilla.org** — [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/%40media/prefers-reduced-motion)

8. **developers.cloudflare.com** — [Cloudflare Agent Skills](https://developers.cloudflare.com/agents/runtime/execution/agent-skills/)

9. **developers.cloudflare.com** — [Choose an application type](https://developers.cloudflare.com/cloudflare-one/access-controls/applications/choose-application-type/)

10. **developers.cloudflare.com** — [Access web applications](https://developers.cloudflare.com/cloudflare-one/access-controls/applications/http-apps/)

11. **developers.cloudflare.com** — [retry guidance](https://developers.cloudflare.com/d1/best-practices/retry-queries/)

12. **developers.cloudflare.com** — [D1 limits](https://developers.cloudflare.com/d1/platform/limits/)

13. **developers.cloudflare.com** — [D1 pricing](https://developers.cloudflare.com/d1/platform/pricing/)

14. **developers.cloudflare.com** — [D1 migrations](https://developers.cloudflare.com/d1/reference/migrations/)

15. **developers.cloudflare.com** — [D1 Time Travel](https://developers.cloudflare.com/d1/reference/time-travel/)

16. **developers.cloudflare.com** — [D1 Worker Binding API](https://developers.cloudflare.com/d1/worker-api/)

17. **developers.cloudflare.com** — [D1 batch](https://developers.cloudflare.com/d1/worker-api/d1-database/)

18. **developers.cloudflare.com** — [D1 `batch()`](https://developers.cloudflare.com/d1/worker-api/d1-database/#batch)

19. **developers.cloudflare.com** — [D1 prepared statements](https://developers.cloudflare.com/d1/worker-api/prepared-statements/)

20. **developers.cloudflare.com** — [Pages getting started](https://developers.cloudflare.com/pages/get-started/)

21. **developers.cloudflare.com** — [Pages Direct Upload](https://developers.cloudflare.com/pages/get-started/direct-upload/)

22. **developers.cloudflare.com** — [R2 presigned URLs](https://developers.cloudflare.com/r2/api/s3/presigned-urls/)

23. **developers.cloudflare.com** — [R2 from Workers](https://developers.cloudflare.com/r2/api/workers/workers-api-usage/)

24. **developers.cloudflare.com** — [create a bucket](https://developers.cloudflare.com/r2/buckets/create-buckets/)

25. **developers.cloudflare.com** — [R2 Workers API](https://developers.cloudflare.com/r2/get-started/workers-api/)

26. **developers.cloudflare.com** — [R2 pricing](https://developers.cloudflare.com/r2/pricing/)

27. **developers.cloudflare.com** — [Cloudflare validation docs](https://developers.cloudflare.com/turnstile/get-started/server-side-validation/)

28. **developers.cloudflare.com** — [Workers best practices](https://developers.cloudflare.com/workers/best-practices/workers-best-practices/)

29. **developers.cloudflare.com** — [Workers Secrets](https://developers.cloudflare.com/workers/configuration/secrets/)

30. **developers.cloudflare.com** — [Cloudflare deployments](https://developers.cloudflare.com/workers/configuration/versions-and-deployments/)

31. **developers.cloudflare.com** — [Observability](https://developers.cloudflare.com/workers/observability/)

32. **developers.cloudflare.com** — [Workers Logs](https://developers.cloudflare.com/workers/observability/logs/workers-logs/)

33. **developers.cloudflare.com** — [Workers limits](https://developers.cloudflare.com/workers/platform/limits/)

34. **developers.cloudflare.com** — [Workers pricing](https://developers.cloudflare.com/workers/platform/pricing/)

35. **developers.cloudflare.com** — [Cloudflare Workers Static Assets](https://developers.cloudflare.com/workers/static-assets/)

36. **developers.cloudflare.com** — [bindings and routing](https://developers.cloudflare.com/workers/static-assets/binding/)

37. **developers.cloudflare.com** — [Rollbacks](https://developers.cloudflare.com/workers/versions-and-deployments/rollbacks/)

38. **developers.cloudflare.com** — [Wrangler](https://developers.cloudflare.com/workers/wrangler/)

39. **developers.cloudflare.com** — [Wrangler environments](https://developers.cloudflare.com/workers/wrangler/environments/)

40. **developers.cloudflare.com** — [Wrangler installation](https://developers.cloudflare.com/workers/wrangler/install-and-update/)

41. **developers.openai.com** — [Model guidance](https://developers.openai.com/api/docs/guides/latest-model)

42. **developers.openai.com** — [Agent Skills](https://developers.openai.com/codex/skills/)

43. **docs.stripe.com** — [Stripe fulfillment](https://docs.stripe.com/checkout/fulfillment)

44. **docs.stripe.com** — [Stripe Checkout](https://docs.stripe.com/payments/checkout)

45. **docs.stripe.com** — [Checkout Sessions](https://docs.stripe.com/payments/checkout-sessions)

46. **docs.stripe.com** — [Stripe webhook verification](https://docs.stripe.com/webhooks)

47. **github.com** — [cloudflare/skills](https://github.com/cloudflare/skills)

48. **gsap.com** — [GSAP `context()`](https://gsap.com/docs/v3/GSAP/gsap.context%28%29/)

49. **gsap.com** — [GSAP `matchMedia()`](https://gsap.com/docs/v3/GSAP/gsap.matchMedia%28%29/)

50. **gsap.com** — [ScrollTrigger](https://gsap.com/docs/v3/Plugins/ScrollTrigger/)

51. **gsap.com** — [ScrollTrigger refresh](https://gsap.com/docs/v3/Plugins/ScrollTrigger/static.refresh%28%29/)

52. **nodejs.org** — [Node.js downloads](https://nodejs.org/en/download)

53. **web.dev** — [web.dev: Optimize CLS](https://web.dev/articles/optimize-cls)

54. **web.dev** — [INP](https://web.dev/articles/optimize-inp)

55. **web.dev** — [LCP](https://web.dev/articles/optimize-lcp)

56. **www.w3.org** — [W3C WCAG 2.2](https://www.w3.org/TR/WCAG22/)

57. **www.w3.org** — [WAI WCAG overview](https://www.w3.org/WAI/standards-guidelines/wcag/)

58. **www.w3.org** — [What’s new](https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/)

59. [Workers SDK issue #4727 — D1 trigger CASE parsing](https://github.com/cloudflare/workers-sdk/issues/4727)

60. [SQLite CREATE TRIGGER](https://www.sqlite.org/lang_createtrigger.html)

61. [Workers SDK issue #14991 — CRLF trigger migrations](https://github.com/cloudflare/workers-sdk/issues/14991)

62. **github.com** — [cathrynlavery/diagram-design](https://github.com/cathrynlavery/diagram-design) — source repository ของ skill ที่ใช้ปรับ visual explanations; ติดตั้งแบบ standalone ใน Codex global skill directory และตรวจ `SKILL.md` metadata version 2.6 ในรอบนี้

63. **computing.psu.ac.th** — [Digital Engineering International Program](https://computing.psu.ac.th/th/b-eng-digital-engineer-international-program/) — แหล่งทางการที่ยืนยันชื่อ **977-121 Module: Website Design and Development** และบริบท Prince of Songkla University, Phuket Campus; หน้าโปรแกรมไม่ได้ใช้เป็นหลักฐานว่าเวลา workshop ของ AI Web Studio เท่ากับชั่วโมงหรือหน่วยกิตทั้งหมดที่แสดงในหลักสูตรมหาวิทยาลัย

64. **Rawinnipa Software and Consultants** — `/home/dev/projects/rawinnipa-brandbook/01-strategy/Rawinnipa_Brand_Guidelines_v1.0.md` — source of truth ภายในสำหรับชื่อแบรนด์ สี typography visual language และ voice ที่ใช้กับ course shell; Version 1.0, issued April 2026

## Research → Website brief → Brandbook (ตรวจ 11 กันยายน 2026)

อ่าน [ผลสังเคราะห์และลิงก์ทางการรายประเด็น](research-to-brand-website.md) สำหรับ Design Council Double Diamond, ChatGPT Deep Research, Claude Research/web search, Figma variables, W3C images/SVG/accessible names, Carbon icon grid และ GPT Image 2 นำไปใช้ใน [Lab](../labs/research-to-brand-website.md) พร้อม [prompt P0–P8](../prompts/research-to-brand-prompts.md) แหล่งเหล่านี้รองรับวิธีทำงาน ไม่ได้ยืนยัน market/customer claims ของ HUSH