وب از صفر تا حرفه‌ای: HTML و CSS

با زبانِ خودِ وب شروع کن — HTML برای ساختار و CSS برای ظاهر — و از اولین تگ تا یک توسعه‌دهنده‌ی واقعیِ فرانت‌اند پیش برو، دقیقاً به ترتیبِ آموزشیِ مرجع‌های طلاییِ جهان (MDN، web.dev و freeCodeCamp) و بدونِ یک خط JavaScript.

چه یاد می‌گیری؟

• اسکلتِ سند و سرِ صفحه: charset، viewport، title، meta description، SEO، Open Graph و favicon
• محتوای متنی: سرتیترها، پاراگراف، فهرست‌ها، نقل‌قول، code/pre، معناشناسیِ درون‌خطی و موجودیت‌ها
• لینک‌ها و ناوبری، تصویرها و رسانه (img با alt و srcset، picture، figure، audio/video)
• ساختارِ معنایی: header، nav، main، section، article، aside و footer
• جدول‌ها و یک ماژولِ کاملِ فرم‌ها با همه‌ی input‌ها، label، fieldset، datalist و اعتبارسنجیِ مرورگری
• آبشار، خاصیتِ ویژگی (specificity) و وراثت — هرکدام عمیق و با تمرکز
• مدلِ جعبه، واحدها (px/rem/em/%/vw)، تایپوگرافی و فونت‌های وب (Google Fonts)
• پس‌زمینه و گرادیان، border-radius، box-shadow، موقعیت‌دهی و z-index
• Flexbox و CSS Grid، هرکدام یک ماژولِ کامل
• طراحیِ واکنش‌گرا با media queries، transition و transform و انیمیشنِ keyframes
• متغیرهای CSS، شمارنده‌ها و نام‌گذاریِ BEM، و امکاناتِ مدرن مثلِ clamp()، aspect-ratio و object-fit
• یک ماژولِ کاملِ Bootstrap 5 و دو ماژولِ پروژه‌ی واقعیِ چندفایلی با تصویر

برای چه کسی؟

برای هر تازه‌واردی که می‌خواهد ساختِ وب‌سایت را از صفر و اصولی یاد بگیرد. هیچ پیش‌نیازی لازم نیست؛ تمام متنِ آموزشی به فارسی است و کدِ HTML/CSS به انگلیسی.

چرا این دوره؟

یک پیش‌نمایشِ زنده‌ی سندباکس‌شده نتیجه‌ی کارت را همان‌لحظه نشان می‌دهد و در کنارش یک داورِ سمت‌سرور نمره را از روی سورسِ کد می‌دهد، نه از روی پیکسلِ رندرشده — پس زیبایی را می‌بینی و درستی را داور از وجودِ تگ و کلاس و خصوصیتِ درست می‌سنجد. روی Flexbox، Grid، specificity و responsive عمداً کُند و عمیق پیش می‌رویم، چون تازه‌واردها دقیقاً همین‌جاها سکندری می‌خورند. هرچیزی که به JavaScript یا سرور نیاز دارد عمداً خارج از دامنه است تا یاد بگیری با خودِ HTML و CSS، تمیز و معنایی و دسترس‌پذیر، وب‌سایتِ واقعی بسازی.