HTML و CSS برای مبتدیان: ساخت یک پروژه نمونه‌کار (Portfolio) 🎯
اگه تازه می‌خوای وارد دنیای طراحی وب بشی و نمی‌دونی از کجا شروع کنی، این دوره دقیقاً همون نقطه‌ی شروعه. قرار نیست فقط تگ‌ها رو حفظ کنی و بعدش گیج بشی که «خب، حالا با اینا چی بسازم؟» — اینجا از همون قدم اول، مسیرت مشخصه: ساختن یه نمون...
HTML و CSS برای مبتدیان: ساخت یک پروژه نمونه‌کار (Portfolio) 🎯
اگه تازه می‌خوای وارد دنیای طراحی وب بشی و نمی‌دونی از کجا شروع کنی، این دوره دقیقاً همون نقطه‌ی شروعه. قرار نیست فقط تگ‌ها رو حفظ کنی و بعدش گیج بشی که «خب، حالا با اینا چی بسازم؟» — اینجا از همون قدم اول، مسیرت مشخصه: ساختن یه نمونه‌کار واقعی که بتونی به بقیه نشونش بدی.
چرا این دوره رو انتخاب کنیم؟
خیلی از دوره‌های مقدماتی فقط تئوری‌ان. یه سری ویدیو می‌بینی، چند تا تمرین ساده انجام می‌دی و بعد تموم. ولی مشکل اصلی اینجاست که بعدش نمی‌دونی چطور همه‌ی اون یادگیری‌ها رو کنار هم بچینی. این دوره با تمرکز روی پروژه‌محوری طراحی شده — یعنی همون اول می‌دونی هدف نهایی چیه.
چند تا دلیل ملموس:
پروژه‌محور بودن واقعی: از جلسه‌های ابتدایی، مسیر یادگیریت به سمت ساخت یه صفحه‌ی نمونه‌کار هدایت می‌شه. نه اینکه آخر دوره یهو بگن «خب حالا پروژه بساز».
مناسب برای شروع از صفر: فرض بر اینه که هیچ پیش‌زمینه‌ای نداری. با HTML شروع می‌کنی، بعد می‌ری سراغ CSS و کم‌کم چیزهایی مثل flexbox و layout رو یاد می‌گیری.
نتیجه‌ی قابل ارائه: چیزی که آخر دوره تحویل می‌دی، یه صفحه‌ی شخصیه که می‌تونی بذاریش روی GitHub Pages یا هر جای دیگه. یه نمونه‌کار واقعی برای رزومه‌ات.
تو این دوره چی یاد می‌گیری؟
سرفصل‌ها طوری چیده شدن که از پایه شروع کنی و قدم‌به‌قدم جلو بری:
مبانی HTML: ساختار صفحه، تگ‌های اصلی، لینک‌دهی، تصاویر و فرم‌ها
مبانی CSS: رنگ‌ها، فونت‌ها، فاصله‌ها، باکس‌مدل (box model) و انتخابگرها
چیدمان صفحه: کار با flexbox و ساختاردهی بخش‌های مختلف یه صفحه
طراحی واکنش‌گرا: اینکه چطور سایتت روی موبایل و دسکتاپ درست نمایش داده بشه
ساخت پروژه نمونه‌کار: جمع‌بندی همه‌ی آموخته‌ها در قالب یه پروژه‌ی کامل
مشخصات دوره در یک نگاه 📋
ویژگی
جزئیات
عنوان
HTML و CSS برای مبتدیان: ساخت پروژه نمونه‌کار
سطح
مقدماتی (بدون نیاز به پیش‌زمینه)
سبک آموزشی
پروژه‌محور و گام‌به‌گام
پیش‌نیاز
آشنایی ساده با کامپیوتر
وضعیت
دارای تخفیف ویژه
این دوره چطور به کارت میاد؟
یه سناریوی ساده: فرض کن ترم اول دانشگاهه و استاد یه پروژه‌ی کوچیک طراحی وب داده. یا شاید بخوای برای خودت یه صفحه‌ی شخصی بسازی که مهارت‌هات رو نشون بده. تو هر دو حالت، چیزی که اینجا یاد می‌گیری مستقیم به کارت میاد.
حتی اگه بعداً بخوای بری سراغ فریم‌ورک‌هایی مثل React یا Vue، بدون درک درست HTML و CSS نمی‌تونی کار کنی. این دوره پایه‌ی محکمی برات می‌سازه.
چند تا سوال که ممکنه ذهنت رو مشغول کنه
آیا باید قبلش برنامه‌نویسی بلد باشم؟ نه. این دوره از صفر شروع می‌شه و همه‌چیز رو قدم‌به‌قدم توضیح می‌ده.
**چ
HTML و CSS برای مبتدیان: ساخت پروژه نمونه‌کار
ثبت‌نام با تخفیف، همین امروز شروع
