Build Website with AI

មាតិកាវគ្គសិក្សា — ១១ មេរៀន

1. 1

   ស្គាល់ AI និងការប្រើ AI សម្រាប់ Coding

   ២ ម៉ោង
   • AI ដំណើរការយ៉ាងដូចម្តេច — អ្វីដែល AI ធ្វើបាន និងធ្វើមិនបាន
   • ស្គាល់ឧបករណ៍៖ Claude, Claude Code, Cursor, Copilot
   • Setup: VS Code, Node.js, Git, បង្កើត Account
   • វិន័យសំខាន់៖ កុំយក Code ដែលយើងពន្យល់មិនបាន

   លំហាត់៖ បង្កើតទំព័រដំបូងដោយ AI ក្នុង ១៥ នាទី

2. 2

   របៀបសរសេរ Prompt សម្រាប់បង្កើត Website

   ២ ម៉ោង
   • រចនាសម្ព័ន្ធ Prompt ល្អ៖ គោលដៅ + ព័ត៌មានលម្អិត + Style + លទ្ធផលចង់បាន
   • ឲ្យ AI ធ្វើ Plan មុន បន្ទាប់មកទើប Code
   • Guardrail: «កុំកែអ្វីដែលមិនបានសួរ» / «បើមិនច្បាស់ សួរមុន» + របៀបកែ Prompt ពេលលទ្ធផលខុស

   លំហាត់៖ សរសេរ Prompt បង្កើត Landing Page ហាងកាហ្វេ

3. 3

   បង្កើត Website ដោយប្រើ AI

   ២ ម៉ោង
   • ដំណើរការ៖ Idea → Sitemap → Mockup → Code
   • បង្កើត Website ច្រើនទំព័រ (Home, About, Services, Contact) + Responsive ទូរស័ព្ទ
   • កែ Design ដោយ Prompt (ពណ៌, Font, Layout)

   លំហាត់៖ Website ក្រុមហ៊ុន ៤ ទំព័រ

4. 4

   HTML, CSS & JavaScript ជាមួយ AI

   ៣ ម៉ោង
   • អាន និងយល់ Code ដែល AI សរសេរឲ្យ
   • HTML: Structure & Semantic tags
   • CSS: Flexbox, Grid, ពណ៌, Typography
   • JavaScript: Event, Form validation, DOM

   លំហាត់៖ កែ Code ដោយដៃ ១ ផ្នែក រួចឲ្យ AI Review

5. 5

   UI/UX Design ដោយប្រើ AI

   ២ ម៉ោង
   • គោលការណ៍ UI/UX មូលដ្ឋាន (Hierarchy, Spacing, Consistency)
   • បង្កើត Mockup មុននឹង Build
   • Color palette, Font, និង Component ដដែលៗ (Button, Card, Navbar)

   លំហាត់៖ Redesign ទំព័រចាស់ឲ្យស្អាតជាងមុន

6. 6

   Backend & Database

   ៣ ម៉ោង
   • Frontend vs Backend ខុសគ្នាត្រង់ណា
   • Database & ការរចនា Table
   • CRUD: បន្ថែម / អាន / កែ / លុប + បង្កើត API ផ្ទាល់ខ្លួន
   • ភ្ជាប់ Frontend ទៅ Backend

   លំហាត់៖ ប្រព័ន្ធគ្រប់គ្រង Product មាន បន្ថែម/កែ/លុប

7. 7

   Login & User Management

   ២ ម៉ោង
   • Register, Login, Logout, Session/Token
   • Password hashing & សុវត្ថិភាព
   • User Role: Admin / User + ការពារទំព័រដែលត្រូវ Login

   លំហាត់៖ បន្ថែម Login ចូលក្នុងគម្រោង Module 6

8. 8

   API Integration

   ២ ម៉ោង
   • API ជាអ្វី? REST & JSON
   • ហៅ API ខាងក្រៅ (Weather, Telegram, Google)
   • Error handling & ការរក្សា API Key ឲ្យសុវត្ថិភាព

   លំហាត់៖ ភ្ជាប់ Telegram Bot ផ្ញើការជូនដំណឹង

9. 9

   Debug & Fix Bug ដោយ AI

   ២ ម៉ោង
   • អាន Error message និង Browser Console
   • ផ្តល់ Context ត្រឹមត្រូវឲ្យ AI: Error + File + អ្វីដែលរំពឹងទុក
   • Bug ធម្មតាដែល AI តែងធ្វើខុស (Version ចាស់, Function ប្រឌិត)
   • Git ជាសំណាញ់សុវត្ថិភាព៖ Commit, Revert

   លំហាត់៖ ជួសជុល Website ដែលមាន Bug ៥ កន្លែង

10. 10

    Deploy Website ទៅ Internet

    ២ ម៉ោង
    • ជម្រើស Hosting: Vercel, Netlify, VPS
    • Domain & HTTPS
    • Environment variable & Secret (កុំដាក់ Password ក្នុង Code)

    លំហាត់៖ Deploy គម្រោងផ្ទាល់ខ្លួនឲ្យដំណើរការលើ Internet

11. 11

    បង្កើត Real Project ពីដើមដល់ចប់

    ៣ ម៉ោង
    • ជ្រើសរើសប្រធានបទ និងកំណត់ Requirement
    • Plan → Mockup → Build → Test & Fix
    • Deploy + សរសេរ User Guide
    • បង្ហាញការងារ៖ Demo + Prompt ដែលប្រើ + បញ្ហាដែលជួប

    លំហាត់៖ Final Project ពេញលេញ ក្នុង Portfolio