Educator's Curriculum Guide ပညာပေးသူများအတွက် သင်ရိုးညွှန်းတမ်း လမ်းညွှန်

Teaching "Vibe Coding" "Vibe Coding" သင်ကြားခြင်း

The fundamental shift from Syntax to Semantics. Syntax မှ Semantics သို့ အခြေခံကျတဲ့ အပြောင်းအလဲ။

When teaching traditional coding, educators focus on syntax, loops, and data structures. Teaching AI-assisted prompt-driven development requires a completely different approach. You are teaching students how to be Creative Directors and Systems Thinkers. ရိုးရာ Coding သင်ကြားရာမှာ ဆရာတွေဟာ Syntax, Loops တွေနဲ့ Data Structures တွေကို အာရုံစိုက်ကြပါတယ်။ AI အကူအညီနဲ့ Prompt-driven တည်ဆောက်ခြင်းကို သင်ကြားရာမှာတော့ လုံးဝကွဲပြားတဲ့ ချဉ်းကပ်မှုလိုအပ်ပါတယ်။ သင်ဟာ ကျောင်းသားတွေကို Creative Directors နဲ့ Systems Thinkers တွေ ဖြစ်လာစေဖို့ သင်ကြားပေးနေခြင်းဖြစ်ပါတယ်။

The Core Philosophy အဓိက ဒဿန

Natural Language is Code သဘာဝဘာသာစကားသည် Code ဖြစ်သည်

English (or Myanmar) is the new programming language. The better they can articulate a feeling, a user persona, and a visual structure, the better their code will be. အင်္ဂလိပ် (သို့) မြန်မာဘာသာစကားဟာ Programming Language အသစ်ဖြစ်ပါတယ်။ ခံစားချက်၊ User Persona နဲ့ အမြင်ပိုင်းဆိုင်ရာ ဖွဲ့စည်းတည်ဆောက်ပုံကို ပိုမိုကောင်းမွန်စွာ ဖော်ပြနိုင်လေ၊ သူတို့ရဲ့ Code ပိုကောင်းလေဖြစ်ပါတယ်။

Editors, Not Typists စာရိုက်သူများမဟုတ်ဘဲ တည်းဖြတ်သူများ

The AI will generate the draft. Their job is to review, critique, and refine the output. They must shift from writing every character to evaluating systems. AI သည် မူကြမ်းကို ဖန်တီးပေးပါမည်။ သူတို့၏အလုပ်မှာ ထွက်ပေါ်လာသောအရာကို သုံးသပ်ရန်၊ ဝေဖန်ရန်နှင့် ပြုပြင်ရန်ဖြစ်သည်။ အက္ခရာတိုင်းကို ရေးသားခြင်းမှ စနစ်များကို အကဲဖြတ်ခြင်းသို့ ကူးပြောင်းရမည်။

Failure is the Prompt ကျရှုံးမှုကလည်း Prompt တစ်ခုပါပဲ

When the AI fails, it's not the end—it's a lesson in how to write a more specific instruction. Debugging is now a conversation. AI အလုပ်မလုပ်တဲ့အခါ၊ ဒါက အဆုံးသတ်မဟုတ်ပါ—ပိုမိုတိကျတဲ့ Prompt ကို ဘယ်လိုရေးရမလဲဆိုတဲ့ သင်ခန်းစာတစ်ခုပါ။ ယခုအခါ Debugging ဆိုတာ စကားပြောဆိုခြင်း တစ်ခုဖြစ်လာပါတယ်။

Interactive Classroom Activities စာသင်ခန်းအတွင်း လက်တွေ့လုပ်ဆောင်မှုများ

A. Reverse Engineering က. Reverse Engineering

The Guessing Game ခန့်မှန်းကစားနည်း
  • The Setup:ပြင်ဆင်မှု: Show the class a simple, beautiful, working mini-app (e.g., a Pomodoro timer with a glassmorphism effect). အတန်းကို ရိုးရှင်းလှပပြီး အလုပ်လုပ်တဲ့ Mini-app လေးတစ်ခု (ဥပမာ - Glassmorphism ဒီဇိုင်းပါတဲ့ Pomodoro timer) ကို ပြသပါ။
  • The Task:လုပ်ဆောင်ရန်: Have students write down the exact prompt they think was used to generate it. ဒါကိုဖန်တီးဖို့ အသုံးပြုခဲ့တယ်လို့ ထင်ရတဲ့ Prompt အတိအကျကို ကျောင်းသားတွေကို ရေးခိုင်းပါ။
  • The Reveal:ရလဒ်ပြသခြင်း: Run their prompts. Compare results. Teach them that vague prompts yield generic results, while specific prompts yield accurate results. သူတို့ရဲ့ Prompt တွေကို အသုံးပြုကြည့်ပါ။ ရလဒ်တွေကို နှိုင်းယှဉ်ပါ။ မရှင်းလင်းတဲ့ Prompt တွေက သာမန်ရလဒ်တွေကိုသာပေးပြီး၊ တိကျတဲ့ Prompt တွေက တိကျတဲ့ရလဒ်တွေကိုပေးကြောင်း သင်ကြားပေးပါ။

B. Prompt Telephone ခ. Prompt လက်ဆင့်ကမ်းခြင်း

Collab Iteration ပူးပေါင်းလုပ်ဆောင်ခြင်း
  • The Setup:ပြင်ဆင်မှု: Group students into teams of three. ကျောင်းသားများကို သုံးဦးတစ်ဖွဲ့ ဖွဲ့ပါ။
  • 1
    Student 1:ကျောင်းသား ၁: Writes a "Vibe Prompt" and generates V1. "Vibe Prompt" ကိုရေးပြီး V1 ကို ဖန်တီးပါ။
  • 2
    Student 2:ကျောင်းသား ၂: Adds a specific feature (e.g., "Add dark mode") without breaking code. Code မပျက်စေဘဲ သီးခြား Feature တစ်ခု (ဥပမာ - "Dark mode ထည့်ပါ") ကို ထပ်ထည့်ပါ။
  • 3
    Student 3:ကျောင်းသား ၃: Fixes styling/errors using "Reference Prompting". "Reference Prompting" ကို အသုံးပြုပြီး Design/Error တွေကို ပြင်ဆင်ပါ။
  • 2
    Student 2:ကျောင်းသား ၂: Adds a specific feature (e.g., "Add dark mode") without breaking code. ကုဒ်မပျက်စေဘဲ သီးခြားလုပ်ဆောင်ချက်တစ်ခု (ဥပမာ - "Dark mode ထည့်ပါ") ကို ထပ်ထည့်သည်။
  • 3
    Student 3:ကျောင်းသား ၃: Fixes styling/errors using "Reference Prompting". "အကိုးအကား ညွှန်ကြားချက်" (Reference Prompting) ကို အသုံးပြု၍ ဒီဇိုင်း/အမှားများကို ပြင်ဆင်သည်။

C. The Broken Vibe ဂ. Broken Vibe

Debugging Challenge Debugging Challenge
  • The Setup:ပြင်ဆင်မှု: Give students an HTML file with a deliberate logical or terrible visual flaw. ကျောင်းသားတွေကို ရည်ရွယ်ချက်ရှိရှိနဲ့ Logical Error သို့မဟုတ် အမြင်ပိုင်းဆိုင်ရာ ချွတ်ယွင်းနေတဲ့ HTML ဖိုင်တစ်ခုကို ပေးပါ။
  • The Task:လုပ်ဆောင်ရန်: Students cannot write code to fix it. They must guide the AI to fix the problem by explaining the issue clearly. ကျောင်းသားတွေဟာ ဒါကိုပြင်ဖို့ Code မရေးရပါ။ ပြဿနာကို ရှင်းလင်းစွာ ရှင်းပြပြီး AI ကို ပြင်ဆင်ဖို့ လမ်းညွှန်ပေးရပါမယ်။
  • The Lesson:သင်ခန်းစာ: Reinforces "Practice 3: Use references heavily". They learn how to paste console errors or describe visual bugs. "အလေ့အကျင့် ၃: Reference တွေကို များများသုံးပါ" ကို အားဖြည့်ပေးပါတယ်။ Console Error တွေကို ကူးထည့်ဖို့ သို့မဟုတ် အမြင်ပိုင်းဆိုင်ရာ Bug တွေကို ဖော်ပြဖို့ သင်ယူရပါမယ်။

D. Mood Board to Code ဃ. Mood Board မှ Code သို့

Debugging Challenge အမှားပြင်ဆင်ခြင်း စိန်ခေါ်မှု
  • The Setup:ပြင်ဆင်မှု: Give students an HTML file with a deliberate logical or terrible visual flaw. ကျောင်းသားများကို ရည်ရွယ်ချက်ရှိရှိဖြင့် ယုတ္တိမတန်သော သို့မဟုတ် အမြင်ပိုင်းဆိုင်ရာ ချွတ်ယွင်းနေသော HTML ဖိုင်တစ်ခုကို ပေးပါ။
  • The Task:လုပ်ဆောင်ရန်: Students cannot write code to fix it. They must guide the AI to fix the problem by explaining the issue clearly. ကျောင်းသားများသည် ၎င်းကိုပြင်ရန် ကုဒ်မရေးရပါ။ ပြဿနာကို ရှင်းလင်းစွာ ရှင်းပြခြင်းဖြင့် AI အား ပြင်ဆင်ရန် လမ်းညွှန်ပေးရမည်။
  • The Lesson:သင်ခန်းစာ: Reinforces "Practice 3: Use references heavily". They learn how to paste console errors or describe visual bugs. "အလေ့အကျင့် ၃: ရည်ညွှန်းချက်များကို များများသုံးပါ" ကို အားဖြည့်ပေးသည်။ console error များကို ကူးထည့်ရန် သို့မဟုတ် အမြင်ပိုင်းဆိုင်ရာ ချို့ယွင်းချက်များကို ဖော်ပြရန် သင်ယူရသည်။

D. Mood Board to Code ဃ. Mood Board မှ ကုဒ်သို့

Visual Translation အမြင်ပိုင်းဆိုင်ရာ ပြောင်းလဲခြင်း
  • The Setup:ပြင်ဆင်မှု: Give students 15 minutes to use Pinterest, Canva, or Dribbble to create a "Mood Board" of UI layouts they like. ၎င်းတို့နှစ်သက်သော UI ဒီဇိုင်းပုံစံများပါဝင်သည့် "Mood Board" တစ်ခုဖန်တီးရန် Pinterest, Canva, သို့မဟုတ် Dribbble ကိုအသုံးပြုရန် ၁၅ မိနစ်အချိန်ပေးပါ။
  • The Task:လုပ်ဆောင်ရန်: They must translate that visual mood board into a text-based "Vibe Prompt" to generate a landing page. သူတို့ဟာ ဒီ Mood Board ကို စာသားအခြေခံ "Vibe Prompt" အဖြစ် ပြောင်းလဲပြီး Landing page တစ်ခုဖန်တီးရပါမယ်။
  • The Lesson:သင်ခန်းစာ: Connects visual design concepts with natural language articulation. အမြင်ပိုင်းဆိုင်ရာ ဒီဇိုင်းသဘောတရားများနှင့် သဘာဝဘာသာစကား ဖော်ပြချက်ကို ချိတ်ဆက်ပေးသည်။

How to Evaluate မည်သို့ အကဲဖြတ်မည်နည်း

You cannot grade students on their ability to write a for loop anymore. Instead, evaluate them on: ကျောင်းသားတွေကို for loop ရေးနိုင်စွမ်းနဲ့ အမှတ်ပေးလို့မရတော့ပါ။ ဒါ့အစား အောက်ပါအချက်တွေနဲ့ အကဲဖြတ်ပါ:

1

Prompt Evolution (The Ledger) Prompt တိုးတက်မှု (Ledger)

Submit chat history. Grade how they iterated, narrowed down requests, and asked follow-up questions. Chat history ကို တင်ပြခိုင်းပါ။ သူတို့ ဘယ်လို ထပ်ခါတလဲလဲ ပြုပြင်ခဲ့တယ်၊ တောင်းဆိုမှုတွေကို ဘယ်လို ကျဉ်းမြောင်းစေခဲ့တယ်ဆိုတာကို အမှတ်ပေးပါ။

2

Scoping နယ်ပယ်သတ်မှတ်ခြင်း

Did they start small? Reward successful small components over massive, broken "Facebook in one prompt" attempts. သေးငယ်စွာ စတင်ခဲ့ပါသလား? ကြီးမားပြီး အလုပ်မလုပ်သော ကြိုးစားမှုများထက် အောင်မြင်သော အစိတ်အပိုင်းငယ်လေးများကို အသိအမှတ်ပြုပါ။

3

Resilience & Debugging ကြံ့ကြံ့ခံနိုင်မှုနှင့် အမှားပြင်ဆင်ခြင်း

How did they handle AI hallucinations? Did they calmly feed the error back into the AI or panic? AI ၏ မှားယွင်းမှုများကို မည်သို့ကိုင်တွယ်ခဲ့သနည်း? အမှားကို AI ထံ ပြန်လည်ဖြည့်ဆည်းပေးခဲ့သလား သို့မဟုတ် ထိတ်လန့်သွားခဲ့သလား?

4

The Final Vibe နောက်ဆုံး Vibe

Does the final application actually match the original "vibe" and target user they set out to create? နောက်ဆုံးရလာသော အက်ပ်သည် မူလရည်ရွယ်ထားသော "vibe" နှင့် ပစ်မှတ်ထားအသုံးပြုသူများအတွက် ကိုက်ညီမှုရှိပါသလား?

4-Week Syllabus ၄-ပတ် သင်ရိုးညွှန်းတမ်း

Utilize the bilingual Companion App to structure the course. သင်တန်းကို ဖွဲ့စည်းဖို့ ဘာသာစကားနှစ်မျိုးသုံး Companion App ကို အသုံးပြုပါ။

Week 1ပထမပတ်

Visual Foundationsအမြင်ပိုင်းဆိုင်ရာ အခြေခံများ

Focus entirely on Practice 1 (Lead with the vibe) and Practice 2 (Start small). Have them build static, beautiful visual pages. အလေ့အကျင့် ၁ (vibe ဖြင့် စတင်ပါ) နှင့် အလေ့အကျင့် ၂ (သေးငယ်စွာ စတင်ပါ) အပေါ်သာ အာရုံစိုက်ပါ။ ငြိမ်သက်ပြီး လှပသော စာမျက်နှာများကို ဖန်တီးခိုင်းပါ။

Week 2ဒုတိယပတ်

Logic & Iterationယုတ္တိဗေဒနှင့် ထပ်ခါတလဲလဲ ပြုလုပ်ခြင်း

Introduce JavaScript logic. Focus on Practice 5 (One feature at a time) to maintain stable code. JavaScript ကို မိတ်ဆက်ပေးပါ။ ကုဒ်တည်ငြိမ်စေရန် အလေ့အကျင့် ၅ (တစ်ကြိမ်လျှင် လုပ်ဆောင်ချက်တစ်ခု) အပေါ် အာရုံစိုက်ပါ။

Week 3တတိယပတ်

Error HandlingError Handling

Focus on Debugging. Teach them Practice 3 (References and Error Handling). Intentionally break code and recover. Debugging ကို အာရုံစိုက်ပါ။ သူတို့ကို အလေ့အကျင့် ၃ (Reference များနှင့် Error Handling) ကို သင်ကြားပေးပါ။ ရည်ရွယ်ချက်ရှိရှိ Code ကိုဖျက်ပြီး ပြန်လည်ပြင်ဆင်ခိုင်းပါ။

Week 4စတုတ္ထပတ်

Final Projects & DeploymentFinal Projects နှင့် Deployment

Students build a complete utility and learn Deployment (Section 05) using Vercel or Canvas Sharing to distribute their apps. ကျောင်းသားတွေဟာ ပြီးပြည့်စုံတဲ့ Utility တစ်ခုကို တည်ဆောက်ပြီး သူတို့ရဲ့ App တွေကို ဖြန့်ဝေဖို့ Deployment (အပိုင်း ၀၅) ကို သင်ယူကြပါတယ်။

Week 4စတုတ္ထပတ်

Final Projects & Deploymentနောက်ဆုံး ပရောဂျက်များနှင့် လွှင့်တင်ခြင်း

Students build a complete utility and learn Deployment (Section 05) using Vercel or Canvas Sharing to distribute their apps. ကျောင်းသားများသည် ပြီးပြည့်စုံသော အသုံးချကိရိယာတစ်ခုကို တည်ဆောက်ပြီး ၎င်းတို့၏ အက်ပ်များကို ဖြန့်ဝေရန် လွှင့်တင်ခြင်း (အပိုင်း ၀၅) ကို သင်ယူကြသည်။