آموزش اچ تی ام ال و سی اس اس در ۳۰ روز – از صفر تا طراحی صفحات وب
تصور کن می‌خوای یه صفحه‌ی شخصی برای خودت بسازی، یا شاید یه لندینگ ساده برای پروژه‌ی دانشگاهی‌ت لازم داری. بدون HTML و CSS، هیچ‌کدوم از اینا ممکن نیست. این دوره‌ی ۳۰ روزه دقیقاً برای همین طراحی شده؛ که تو رو قدم‌به‌قدم با الفبای طر...
آموزش اچ تی ام ال و سی اس اس در ۳۰ روز – از صفر تا طراحی صفحات وب
تصور کن می‌خوای یه صفحه‌ی شخصی برای خودت بسازی، یا شاید یه لندینگ ساده برای پروژه‌ی دانشگاهی‌ت لازم داری. بدون HTML و CSS، هیچ‌کدوم از اینا ممکن نیست. این دوره‌ی ۳۰ روزه دقیقاً برای همین طراحی شده؛ که تو رو قدم‌به‌قدم با الفبای طراحی وب آشنا کنه. 😊
این دوره برای چه کسانی مناسبه؟
خیلی‌ها فکر می‌کنن برای یادگیری طراحی سایت باید حتماً مهندس کامپیوتر باشن یا ریاضیات قوی داشته باشن. اما واقعیت اینه که HTML و CSS نقطه‌ی شروعیه که هر کسی با سواد عمومی و آشنایی معمولی با کامپیوتر می‌تونه ازش شروع کنه.
دانشجوهایی که می‌خوان برای پروژه‌های درسی سایت بسازن
بلاگرها و تولیدکننده‌های محتوا که می‌خوان ظاهر سایتشون رو خودشون شخصی‌سازی کنن
معلم‌ها و مدرس‌هایی که دنبال ساخت محتوای آموزشی آنلاین هستن
هر کسی که به طراحی رابط کاربری و فرانت‌اند علاقه داره
افرادی که می‌خوان درآمد دورکاری از طراحی سایت داشته باشن
چرا یادگیری HTML و CSS این‌قدر مهمه؟
بذار یه مثال ساده بزنم. فرض کن می‌خوای یه فروشگاه اینترنتی کوچیک راه بندازی. حتی اگه از وردپرس یا هر سیستم مدیریت محتوای دیگه‌ای استفاده کنی، بازم یه جاهایی باید کد بزنی یا حداقل بفهمی کدها چطور کار می‌کنن. اینجاست که دانش HTML و CSS به کمکت میاد.
نکته‌ی مهم‌تر اینکه این دو زبان، پیش‌نیاز تقریباً همه‌ی مسیرهای حرفه‌ای‌ترن. می‌خوای سئو کار کنی؟ باید ساختار HTML رو بفهمی. می‌خوای جاوااسکریپت یاد بگیری؟ بدون HTML و CSS نمی‌تونی رابط کاربری بسازی. حتی کار با فریمورک‌هایی مثل بوت‌استرپ و تیلویند هم بدون این پایه‌ها بی‌معنیه.
توی این دوره دقیقاً چی یاد می‌گیری؟
دوره‌ی آموزش HTML و CSS مقدماتی، از صفر شروع می‌شه و تا پیاده‌سازی یه پروژه‌ی واقعی پیش می‌ره. اینطوری نیست که فقط تئوری بشنوی و آخرش دستت خالی باشه.
کار با ادیتور مناسب برای کدنویسی
ساخت اولین صفحه‌ی HTML و آشنایی با تگ‌های پرکاربرد
استایل‌دهی با CSS و ساخت فایل‌های استایل‌شیت
کار با تصاویر، فرم‌ها و افکت‌های متنی
اعتبارسنجی کدها و رفع اشکال
بهینه‌سازی و ساده‌سازی کدهای CSS
پیاده‌سازی یک پروژه‌ی کامل طراحی سایت از ابتدا تا انتها
آشنایی با ویژگی‌های جدید HTML5
نکته‌ی جالب اینکه توی روزهای آخر، با قابلیت‌های جدید HTML5 آشنا می‌شی که خیلی از سایت‌های مدرن ازشون استفاده می‌کنن.
مشخصات کلی دوره
ویژگی
توضیح
عنوان
آموزش HTML و CSS در ۳۰ روز
سطح
مقدماتی تا متوسط
مدت زمان ویدیویی
حدود ۵ ساعت
تعداد فصل‌ها
۵ فصل
تعداد جلسات
۳۱ جلسه
پیش‌نیاز
آشنایی عمومی با کامپیوتر
وضعیت قیمت
تخفیف ویژه
چرا این دوره رو انتخاب کنم؟
راستش رو بخوای، منابع آموزشی HTML و CSS توی اینترنت کم نیست. کلی ویدیو رایگان، مقاله و جزوه هست. ولی مشکل اصلی اینجاست که خیلی وقتا پراکنده‌ان و آدم نمی‌دونه از کجا شروع کنه و به کجا برسه.
این دوره یه مسیر مشخص ۳۰ روزه داره. هر روز یه درس، هر درس یه قدم به جلو. این ساختار باعث می‌شه که انگیزه‌ت رو از دست ندی و بتونی با روزی ۱۰ دقیقه وقت گذاشتن، تا آخر دوره ادامه بدی.
یه مزیت دیگه هم اینکه دوره پروژه‌محوره. یعنی فقط تئوری نمی‌شنوی؛ باید کد بزنی، تمرین کنی و یه پروژه‌ی واقعی رو تموم کنی. همین تمرین‌ها بعداً می‌تونن توی رزومه‌ت به عنوان نمونه‌کار قرار بگیرن.
سرفصل‌های دوره
سرفصل‌ها طوری چیده شدن که از مفاهیم پایه شروع می‌شن و به تدریج پیچیده‌تر می‌شن:
آشنایی با دوره و تعیین اهداف
معرفی ادیتور مناسب برای شروع کدنویسی
ساخت صفحه‌ی HTML ساده
بررسی تگ‌های مهم و پرکاربرد HTML
ساخت فایل‌های CSS و استایل‌دهی
کار با تصاویر در صفحات وب
کوییز و تمرین‌های عملی
طراحی و کار با فرم‌ها
افکت‌های متنی و انیمیشن‌های ساده
عیب‌یابی و رفع اشکال در کدها
اعتبارسنجی یا Validation
بهینه‌سازی کدهای CSS
اجرای پروژه‌ی عملی از صفر تا صد
بعد از این دوره چی؟
وقتی مبانی HTML و CSS رو یاد گرفتی، تازه اول راهه. می‌تونی مسیرت رو توی چند جهت ادامه بدی:
یادگیری جاوااسکریپت برای تعامل بیشتر با کاربر
کار با فریمورک‌های CSS مثل بوت‌استرپ و تیلویند
طراحی سایت با وردپرس
ورود به حوزه‌ی سئو و بهینه‌سازی سایت
طراحی رابط کاربری (UI) و تجربه‌ی کاربری (UX)
بازار کار طراحی سایت هم تنوع خوبی داره. می‌تونی دورکاری کنی، پروژه‌ای بگیر، یا حتی توی شرکت‌های طراحی سایت مشغول بشی. مهم اینه که پایه‌ت رو محکم بسازی.
چند نکته‌ی کاربردی برای یادگیری بهتر
تمرین رو جدی بگیر. فقط تماشا کردن ویدیو کافی نیست. باید خودت کد بزنی و اشتباه کنی.
پروژه‌های کوچیک بساز. مثلاً یه صفحه‌ی رزومه، یه لندینگ ساده یا یه صفحه‌ی معرفی تیم.
از کدهای دیگران یاد بگیر. برو سایت‌های مختلف رو inspect کن و ببین چطور ساخته شدن.
عجله نکن. یادگیری طراحی سایت یه مسیره، نه یه مقصد. هر روز یه قدم بردار.
مزایای یادگیری با دوره‌های آنلاین
شاید بپرسی چرا آنلاین یاد بگیرم وقتی کلاس حضوری هم هست؟ دلایل زیادی وجود داره:
هزینه‌ی مناسب‌تر نسبت به کلاس‌های حضوری
دسترسی نامحدود به ویدیوها و امکان مرور مجدد
انعطاف زمانی – هر ساعتی که خواستی می‌تونی ببینی
صرفه‌جویی در وقت و هزینه‌ی رفت‌وآمد
امکان ارتباط با مدرس و پرسیدن سوال
دریافت گواهینامه‌ی معتبر
استفاده از تمرین‌ها و پروژه‌ها به عنوان نمونه‌کار
جمع‌بندی
اگه دنبال یه شروع
اچ تی ام ال و سی اس اس در ۳۰ روز؛ ثبت‌نام با تخفیف
