وب چطور کار میکند و اولین صفحهی HTML
اسکلتِ سند و سرِ صفحه (head): meta، SEO و favicon
محتوای متنی: پاراگراف، فهرست، نقلقول و code
معناشناسیِ درونخطی، موجودیتها و لینکها
تصویرها و رسانه: img، alt، picture و figure
ساختارِ معنایی: header، nav، main، section و footer
جدولها: ساختار، سرستونها و دسترسپذیری
فرمها — بخشِ یک: input، label و انواعِ ورودی
فرمها — بخشِ دو: textarea، select، گروهبندی و اعتبارسنجی
ورود به CSS: نحوهی اتصال، انتخابگرهای پایه و رنگ
انتخابگرهای پیشرفته، شبهکلاسها و شبهعنصرها
★ آبشار، خاصیتِ ویژگی (specificity) و وراثت
★ مدلِ جعبه (Box Model): محتوا، padding، border و margin
واحدها، اندازهها و سرریز
تایپوگرافی و فونتهای وب (Google Fonts)
پسزمینه، گرادیان، border-radius و box-shadow
چیدمانِ طبیعی، display و موقعیتدهی (positioning)
★ Flexbox — چیدمانِ یکبُعدیِ منعطف
★ CSS Grid — چیدمانِ دوبُعدیِ قدرتمند
★ طراحیِ واکنشگرا (Responsive) و media queries
transition، transform و انیمیشنِ keyframes
متغیرهای CSS، شبهعنصرها، شمارندهها و BEM
Bootstrap 5 — بخشِ یک: نصب، شبکه و یوتیلیتیها
Bootstrap 5 — بخشِ دو: کامپوننتها و ناوبار
پروژههای واقعی I: کارت، قیمت، منو و مقاله
پروژههای واقعی II: لندینگ، پورتفولیو و سایتِ واکنشگرا
کارگاهِ ساختنیها: پروژههای کوچک و باحال