၁၀ ရက်အတွင်း HTML, CSS, Javascript ကို လေ့လာမယ်

📅 Day 1 – HTML အခြေခံ

ဒီနေ့မှာတော့ HTML ရဲ့ အခြေခံအချက်တွေကို စတင်လေ့လာသွားမှာ ဖြစ်ပါတယ်။

လေ့လာရမှာကတော့ –

• HTML Basic Structure

• Common Tags

• Text Formatting

• Hyperlinks

• Lists

HTML ဆိုတာ web page တစ်ခုရဲ့ အခြေခံအုတ်မြစ်ပါပဲ။
Structure နဲ့ content တွေကို ဖော်ပြဖန်တီးဖို့အတွက် အသုံးပြုရတဲ့ Markup Language ဖြစ်ပါတယ်။

👉 အသုံးများတဲ့ HTML tag တွေက

• Paragraph (<p>)

• Heading (<h1> to <h6>)

• Anchor (<a>)

• Image (<img>)
  စတဲ့ tag တွေ ပါဝင်ပါတယ်။

👉 Text Formatting တွေမှာ

• italic (<i>),

• bold (<b>),

• strong (<strong>),

• emphasized (<em>)
  စတဲ့ tag တွေသုံးပြီး စာသားတွေကို ဦးစားပေးဖော်ပြနိုင်ပါတယ်။

👉 Hyperlink တွေကတော့ Page တစ်ခုကနေ တစ်ခုကို ချိတ်ဆက်ပေးပြီး Navigation ပိုင်းမှာ အရေးကြီးပါတယ်။

👉 List တွေကို Unordered (<ul>) နဲ့ Ordered (<ol>) စနစ်တွေဖြင့် ဖော်ပြနိုင်ပါတယ်။

📅 Day 2 – HTML ကို ဆက်လက်လေ့လာပါမယ်

ဒီနေ့မှာတော့ HTML ကိုပိုမိုအသုံးချနိုင်အောင် အခြားသော element တွေကို လေ့လာသွားမှာ ဖြစ်ပါတယ်။

လေ့လာရမှာက –

• Basic Table Structure

• Form Elements

• Multimedia

• Semantic HTML

👉 Table (<table>) ဟာ အချက်အလက်တွေကို စနစ်တကျဖော်ပြဖို့ အသုံးပြုပါတယ်။ Row (<tr>) နဲ့ Column (<td>) များပါဝင်ပါတယ်။

👉 Form တွေကတော့ user input ရယူဖို့ အသုံးပြုတဲ့အရာဖြစ်ပြီး –

• Text Field (<input type="text">),

• Button,

• Radio,

• Checkbox
  စတဲ့ elements တွေပါဝင်ပါတယ်။

👉 Multimedia တွေဖြစ်တဲ့ Image, Audio, Video တို့ကို HTML5 မှာ support လုပ်ပေးပါတယ်။

👉 Semantic HTML ဆိုတာကတော့ content တွေကို အဓိပ္ပါယ်နှင့်အညီ ဖော်ပြပေးတဲ့ tag များဖြစ်ပြီး –

• <header>, <main>, <article>, <footer> စသည်ဖြင့် အသုံးပြုပါသည်။
  
  ဒါကတော့ SEO နှင့် Accessibility ပိုင်းမှာ အလွန်အသုံးဝင်ပါတယ်။

🧭 Course Outline – တစ်ခုခြင်းစီနဲ့ ခြုံငုံဖော်ပြချက်

📌 HTML

• Basic Structure

• Common Tags

• Text Formatting

• Hyperlinks

• Lists

• Tables

• Form Elements

• Multimedia

• Semantic HTML

📌 CSS

• Introduction

• Selectors

• Colors

• Fonts & Texts

• Box Model

• Display

• Flexbox

• Grid

📌 JavaScript

• Introduction

• Syntax

• Operators

• Control Structures

• Functions

• Arrays

• Objects

• DOM (Document Object Model)

• Promise

• Async/Await

• Mini Project – Movie App

💡 Project ကို third-party libraries, frameworks မသုံးဘဲ HTML, CSS နဲ့ vanilla JavaScript ပဲ အသုံးပြုပြီး ရှင်းလင်းအောင် ရေးပြထားပါတယ်။

📺 Video အလုံးစုံကို YouTube Playlist အနေနဲ့ တင်ထားပြီး Example Code တွေကိုလည်း GitHub မှာ ဖော်ပြထားပါတယ်။

🕒 အချိန်ကတော့ မိနစ် ၂၃၀ ကျော်နီးပါးဖြစ်ပါတယ်။

အားလုံးပဲ အဆင်ပြေကြပါစေ။ 🚀

လိုချင်တာရှိရင် ဆက်ပြီး ပြင်ဆင်ပေးနိုင်ပါတယ်။