HTML و CSS · سطح ۲ — متوسط
آموزش HTML معنایی، فلکسباکس، گرید و طراحی واکنشگرا
ساختار معنایی و دسترسپذیر، چیدمان حرفهای با فلکسباکس و گرید، طراحی واکنشگرا، متغیرها و انیمیشن در CSS.
درسهای این دوره در حال نوشتن است؛ سرفصلها را ببینید و برنامهتان را بچینید.
برای چه کسی
- کسی که سطح مقدماتی را گذرانده یا صفحهٔ ساده میسازد
بعد از این دوره
- صفحههای چندبخشی واکنشگرا با گرید و فلکسباکس بسازید
- صفحهای بسازید که صفحهخوان و موتور جستوجو درست بفهمند
پیشنیاز
- HTML و CSS مقدماتی
سرفصلها
۱HTML معنایی و دسترسپذیریبهزودی
- بخشهای اصلی صفحه: header، nav، main، footerبهزودی
- فرمهای دسترسپذیربهزودی
- پایههای ARIAبهزودی
۲فلکسباکس کاملبهزودی
- محورها و جهتبهزودی
- grow، shrink و basisبهزودی
- الگوهای رایج فلکسبهزودی
۳گریدبهزودی
- ستونها، ردیفها و فاصلهبهزودی
- ناحیههای نامداربهزودی
- گرید واکنشگرا بدون media queryبهزودی
۴طراحی واکنشگرابهزودی
- اول موبایلبهزودی
- media queryبهزودی
- تصویرهای واکنشگرا با srcsetبهزودی
۵CSS امروزیبهزودی
- متغیرهای CSSبهزودی
- گذار و انیمیشنبهزودی
- چیدمان راستبهچپ و دوزبانهبهزودی
۶پروژهٔ سطحبهزودی
- پروژه: صفحهٔ فرودبهزودی
پروژهٔ پایان سطح
صفحهٔ فرود یک محصول، واکنشگرا و دسترسپذیر