CSS Web Development Essentials Course

Modern CSS နည်းစနစ်များဖြစ်တဲ့ Flexbox, Grid, နဲ့ media queries တွေကိုအသုံးပြုပြီး လှပတဲ့ styling တွေ၊ responsive layout တွေနဲ့ သင့်ဝဘ်ဆိုဒ်ကို အသက်ဝင်အောင် ပြုလုပ်လိုက်ပါ။

5 hours
19 lessons
BEGINNER
CSS Web Development Essentials Course

Overview

ဒီသင်တန်းက သာမန် HTML ကို မြင်သာထင်သာလှပတဲ့ ဝဘ်ဆိုဒ်တွေအဖြစ် ပြောင်းလဲဖို့ သင်ကြားပေးမှာပါ။ အခြေခံများဖြစ်တဲ့ selector တွေ၊ unit တွေ၊ font တွေ၊ color တွေနဲ့ စတင်ပြီး box model၊ positioning၊ layout system တွေ၊ transition တွေနဲ့ animation တွေအထိ နက်နက်နဲနဲ လေ့လာရပါလိမ့်မယ်။ အဆင့်ဆင့် ရှင်းပြချက်တွေနဲ့ ဥပမာတွေနဲ့အတူ မည်သည့် device မှာမဆို ကြည့်ကောင်းတဲ့ သန့်ရှင်းပြီး ပြောင်းလွယ်ပြင်လွယ်ရှိတဲ့၊ responsive ဖြစ်တဲ့ user interface တွေကို ဘယ်လိုဒီဇိုင်းဆွဲရမလဲဆိုတာ သင်ယူရမှာပါ။ Flexbox နဲ့ CSS Grid လို layout system တွေမှာလည်း ခိုင်မာတဲ့ အခြေခံကောင်းရရှိမှာဖြစ်ပြီး ပရော်ဖက်ရှင်နယ် frontend အလုပ်အတွက် မရှိမဖြစ်လိုအပ်တဲ့ ကျွမ်းကျင်မှုတွေကို တည်ဆောက်နိုင်ပါလိမ့်မယ်။

Module Details

🎨 Module 2: CSS (Design and Layout)

Introduction to CSS

  • What CSS is, and how to link it

Basic & Advanced Selectors

  • Target elements with classes, IDs, and advanced combinators

Units in CSS

  • Absolute Units (px, pt, cm)

  • Relative Units (em, rem, %, vw, vh)

Typography and Text Styles

  • Fonts, sizes, line height, text alignment

Color & Background

  • RGB, HEX, HSL

  • Background images, gradients, opacity

Positioning Elements

  • static, relative, absolute, fixed

  • z-index and overlapping content

Box Model Explained

  • Margin, Border, Padding, and Content

  • box-sizing tricks

Flexbox Layout System

  • Direction, alignment, wrapping

  • Real-world layout examples

CSS Grid Layout

  • Columns, rows, areas

  • Grid placement and responsive behavior

CSS Transitions & Animations

  • Add smooth effects to hover, focus, and user interactions

Responsive Design Principles

  • Media Queries

  • Mobile-first approach

  • Fluid layouts and breakpoints

80000 MMK
Coming Soon

Feel confident, and gain industry-relevant skills to advance your career.

Lifetime access
19 in-depth lessons
Community support

Meet Your Instructor

TH

Tr. Thura

Thura is an IT Engineer and postgraduate researcher, currently working as a Computer Science tutor. He began building web projects in 2016 after studying at Technological University Mandalay. With over 3 years of industry experience, he now runs Code with Thura — a platform to help learners gain real-world coding skills and career confidence.