Course: Claude for HTML5 UX & Real-time Web App Development
หลักสูตรอบรมสร้างเว็บด้วย Claude.ai 🎯 Learning Objectives ใช้ Claude เป็น “AI Co-Developer” สร้าง UI/UX ด้วย HTML5 + modern patterns เข้าใจ keyword เฉพาะ เช่น Socket.IO สร้าง backend ด้วย Node.js เชื่อม frontend ↔ backend แบบ real-time Deploy โปรเจกต์จริง 🧩 Module 1: Introduction to AI-assisted Development Topics แนวคิด AI Pair Programming เปรียบเทียบ Claude vs ChatGPT vs Copilot Prompt Engineering พื้นฐาน Workshop Prompt: “Generate a simple HTML5 landing page” ปรับ prompt เพื่อ UX ที่ดีขึ้น 🧠 Module 2: Prompt Engineering for Developers Topics Prompt structure: Role Context Constraints Output format เทคนิค: Chain-of-thought (implicit) Iterative prompting Refactor prompts Example Prompt You are a senior frontend developer. Generate a responsive HTML5 UI for a chat app with clean UX. Use semantic HTML and modern CSS. Workshop เปลี่ยน prompt → ได้ UI หลาย style ให้ Claude refactor code 🎨 Module 3: HTML5 + UX Fundamentals Topics Sema...