ဒီသင်တန်းသည် 12–16 နှစ်အရွယ် ကျောင်းသားများအတွက် ဖြစ်ပြီး၊ မည်သည့် prior knowledge မရှိသည့်အနေဖြင့် လေ့လာသူများကို ပရော်ဖက်ရှင်နယ်၊ interactive websites နှင့် web applications များကို အဆင့်လိုက်တီထွင်နိုင်အောင် လေ့လာနိုင်မှာဖြစ်ပါတယ်။

📘 Course Description

Web Programming သင်တန်းတွင် ကျောင်းသားများသည် industry-standard languages နှင့် tools များကို အသုံးပြုပြီး websites ဖန်တီးခြင်းကို သင်ယူရမည်ဖြစ်သည်။ HTML နှင့် CSS ကို အသုံးပြုပြီး static pages များကို ဖန်တီးပြီး၊ JavaScript ဖြင့် interactivity ကို မြှင့်တင်ခြင်းများပါဝင်ပါတယ်။ ကျောင်းသားများသည် jQuery နှင့် PixiJS ကဲ့သို့သော frameworks များနှင့် libraries များကို အသုံးပြုပြီး web game development ကိုလည်း လေ့လာရမည်ဖြစ်သည်။ အဆင့်မြင့်Levelများတွင် Bootstrap ကို အသုံးပြုပြီး responsive websites များကို ဖန်တီးကာ၊ complex data များကို intuitive charts တွေဖြင့် ပြောင်းလဲပေးရန် Chart.JS ကဲ့သို့သော data visualization tools များကို အသုံးပြုခြင်းများလဲပါဝင်ပါတယ်။ ဒီသင်တန်းသည် advanced coding skills များကို မြှင့်တင်စေပြီး၊ interactive design ကို အလေးပေးကာ ကျောင်းသားများကို လုပ်ငန်းစဉ်ကိစ္စများကို ပိုမိုကျွမ်းကျင်လာမှာဖြစ်ပါတယ်။

Key Learning Objectives

• Core Languages: HTML၊ CSS နှင့် JavaScript ကို အသုံးပြုပြီး interactive websites များ ဖန်တီးခြင်း။

• Framework Utilization: jQuery နှင့် PixiJS ကဲ့သို့သော web development frameworks များကို အသုံးပြုပြီး advanced web applications နှင့် web games များ ဖန်တီးခြင်း။

• Data Presentation: Bootstrap၊ DataTable နှင့် Chart.JS ကဲ့သို့သော tools များကို အသုံးပြုပြီး complex data များကို intuitive charts တွေဖြင့် ပြောင်းလဲပေးခြင်း။

• Usability & Design: Website effectiveness နှင့် usability ကို အလွယ်တကူ optimize လုပ်နိုင်ရန် critical thinking နှင့် iterative testing ကို မြှင့်တင်နိုင်မည်ဖြစ်ပါတယ်။

📚 Course Outline

ဤCourseတွင် static web design ရဲ့ အခြေခံမှ interactive game development နှင့် data visualization အထိ အဆင့် ၅အဆင့်ခွဲထားပါသည်။

Level 1: Introduction to Web Structure and Design

• HTML Structure: HTML ကို အသုံးပြုပြီး website structures များကို တည်ဆောက်ခြင်း။

• CSS Styling: Web content များကို CSS ဖြင့် style ပြုလုပ်ခြင်း၊ form elements နှင့် data presentation တို့ကိုလည်း လှပအောင်ပြုလုပ်ခြင်း။

• Layout Techniques: CSS Box Model၊ Float နှင့် Positioning techniques များကို နားလည်ခြင်း၊ devices များပေါ်တွင် optimal display ပေးရန်။

Level 2: JavaScript and Data Processing

• Dynamic Content: JavaScript syntax ကို လေ့လာပြီး Document Object Model (DOM) ကို အသုံးပြုပြီး real-time web content update များလုပ်ခြင်း။

• Logic and Functionality: Array manipulation နှင့် conditional checking logic များကို လေ့လာခြင်း။

• Error Handling: JavaScript error handling mechanisms ကို သင်ယူပြီး program stability နှင့် accuracy များကို နားလည်သဘောပေါက်လာခြင်း

Level 3: Advanced Dynamic Web Design and Data Management

• jQuery: JavaScript ကို jQuery library ဖြင့် သက်သာကာ web development ကို မြန်ဆန်စေပြီး code readability ကို မြှင့်တင်ပါမည်။

• Visual Appeal: Web pages များကို အလှပြုရန် various animations များထည့်သွင်းခြင်း။

• Advanced Data: JSON data processing နှင့် Regular Expressions ကို နားလည်ပြီး text handling နှင့် data exchange ကို မြှင့်တင်ခြင်း။

Level 4: Real Web Game Development

• 2D Graphics: PixiJS ကို အသုံးပြုပြီး 2D graphics rendering နှင့် visual elements များကို game တွင် ဖန်တီးခြင်း။

• Interactive Elements: Character movement controls နှင့် collision detection ကို ဖန်တီးခြင်း။ 

• Game Mechanics: Game levels များကို diverse difficulty settings ဖြင့် design လုပ်ပြီး scene transitions နှင့် drag-and-drop functions များကို သင်ယူပါမည်။

Level 5: Efficient Web Development and Data Visualization

• Responsive Design: Bootstrap components နှင့် tools များကို အသုံးပြုပြီး visually appealing responsive websites များဖန်တီးခြင်း။

• Data Management: DataTable ကို အသုံးပြုပြီး large datasets များကို filter လုပ်ခြင်း၊ data management efficiency ကို မြှင့်တင်ခြင်း။

• Data Charting: Chart.JS ဖြင့် intuitive data charts များကို ဖန်တီးခြင်းနှင့် CSV data formats များကို handle လုပ်ခြင်း။