สอน Claude Code 101 ปูพื้นฐานฉบับจับมือทำ สำหรับมือใหม่

เรียนรู้วิธีใช้ Claude Code ตั้งแต่พื้นฐาน เหมาะสำหรับมือใหม่ที่ต้องการใช้ AI ช่วยสร้างเว็บไซต์ Web App Dashboard ระบบ Automation และ Digital Product โดยเน้นการอธิบายแบบเข้าใจง่าย พร้อมแนวทางลงมือทำกับโปรเจกต์จริง

Part 1: Claude Code คืออะไร

• ทำความรู้จัก Claude Code
• แนวคิด Agentic Coding
• การอ่าน สร้าง และแก้ไขไฟล์
• การรันคำสั่งและตรวจสอบ Error
• Claude Code ต่างจาก Claude บนเว็บไซต์อย่างไร

Part 2: พื้นฐาน Claude Code ที่ควรรู้

• Claude Models และการเลือกโมเดล
• Token คืออะไร
• Context Window คืออะไร
• Context Rot และวิธีป้องกัน
• การใช้งาน Claude Code ให้คุ้มค่า

Part 3: Permission Mode

• Normal Mode
• Accept Edits
• Plan Mode
• Bypass Permissions
• วิธีเลือกโหมดให้เหมาะกับงาน
• แนวทางใช้งาน Claude Code อย่างปลอดภัย

Part 4: วิธีเขียน Prompt สำหรับ Claude Code

• โครงสร้าง Prompt แบบ CIIO
• Context, Instruction, Input และ Output
• การกำหนดขอบเขตงาน
• การสั่งให้ Claude วางแผนก่อนแก้ไข
• ตัวอย่าง Prompt สำหรับสร้างเว็บไซต์และ Dashboard

Part 5: วิธีติดตั้ง Claude Code

• เตรียม Visual Studio Code
• ติดตั้ง Claude Code บน Windows
• เปิด Claude Code ผ่าน Terminal
• Login และตรวจสอบระบบ
• คำสั่งพื้นฐาน /help, /status, /model, /compact และ /diff

Part 6: สร้าง CLAUDE.md

• CLAUDE.md คืออะไร
• การกำหนด Technology Stack
• Coding Rules
• คำสั่ง Run, Test และ Build
• ข้อห้ามและ Workflow ประจำโปรเจกต์

Part 7: Workflow ทำงานกับโปรเจกต์จริง

• Explore อ่านโปรเจกต์
• Plan วางแผนการทำงาน
• Implement ลงมือแก้ไข
• Verify ทดสอบระบบ
• Review ตรวจสอบไฟล์ที่เปลี่ยนแปลง

Part 8: Claude Code ใช้งานที่ไหนได้บ้าง

• Terminal
• Visual Studio Code
• Claude Desktop
• Claude Web
• VPS
• ข้อดีและข้อจำกัดของแต่ละช่องทาง

Part 9: Workshop Claude Code สำหรับมือใหม่

ทดลองสร้าง Landing Page ในไฟล์ HTML ตั้งแต่การเขียน Prompt สร้างไฟล์ เปิดหน้าเว็บไซต์ ปรับแก้การแสดงผลบนมือถือ และใช้ /diff ตรวจสอบการเปลี่ยนแปลง

หลังจบคอร์ส Claude Code 101 ผู้เรียนจะมีพื้นฐานพร้อมต่อยอดไปยัง Skills, Slash Commands, Plugins, MCP, Hooks, Agents และ Browser Automation ด้วย Playwright

📥 ดาวน์โหลดเอกสารการเรียนรู้

ตอนนี้ ผมมีทำ [Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker) สามารถดูรายละเอียดได้ที่ Link นี้

ลองดูบทความเพิ่มเติมได้ดังนี้

• Template Free Google Sheet & Excel ดาวน์โหลดฟรี
• Passive Income สำหรับพนักงานประจำ
• สร้างอิสรภาพทางการเงินได้อย่างไร