تصور کن سایتی رو باز می‌کنی که همه‌چیزش سر جاشه؛ رنگ‌ها، چیدمان، انیمیشن‌ها... انگار یه تیم حرفه‌ای پشتش نشسته. خب، واقعیت اینه که خیلی از همین سایت‌های خفن فقط با CSS و Sass ساخته شدن. اگه HTML و CSS مقدماتی رو بلدی و می‌خوای از سطح معمولی رد بش...
معرفی دوره آموزش طراحی سایت با CSS پیشرفته و Sass
تصور کن سایتی رو باز می‌کنی که همه‌چیزش سر جاشه؛ رنگ‌ها، چیدمان، انیمیشن‌ها... انگار یه تیم حرفه‌ای پشتش نشسته. خب، واقعیت اینه که خیلی از همین سایت‌های خفن فقط با CSS و Sass ساخته شدن. اگه HTML و CSS مقدماتی رو بلدی و می‌خوای از سطح معمولی رد بشی، این دوره دقیقاً همون چیزیه که دنبالش بودی.
CSS ابزار اصلی زیباسازی وب‌سایت‌هاست. با تکنیک‌های مدرنش می‌تونی طرح‌های چشم‌نواز و جلوه‌های خیره‌کننده بسازی. CSS3 هم به ماژول‌های مختلفی تقسیم شده که هر کدوم کاربرد خودشون رو دارن؛ مثلاً FlexBox که کار چیدمان صفحات وب رو حسابی ساده‌تر کرده. توی این دوره FlexBox رو حین پیاده‌سازی پروژه‌های واقعی به کار می‌بریم و می‌بینی که چطور توی طراحی واکنش‌گرا هم به دادت می‌رسه.
راستی، یه ابزار مدیریت پکیج هم به اسم NPM هست که بزرگ‌ترین اکوسیستم IT محسوب می‌شه و برنامه‌های جاوا اسکریپت به‌طور کامل توش ثبت شدن. توی دوره یاد می‌گیری چطور از NPM برای کاربردهای خاص خودت استفاده کنی.
چرا این دوره فرق داره؟ 🎯
با بررسی‌های دقیق متوجه شدیم که تقریباً هیچ‌کدوم از دوره‌های آموزشی CSS، نیاز واقعی طراحی وب‌سایت رو برآورده نمی‌کنن. برای همین یه دوره جامع پروژه‌محور طراحی کردیم. اول با طراحی UX توی Adobe XD آشنا می‌شی، بعد یه مرور روی اصول CSS داریم و در ادامه با کمک چند پروژه واقعی، مهارت‌های اساسی CSS و Sass رو یاد می‌گیری.
خلاصه اهداف دوره:
طراحی سایت‌های زیبا و کاربرپسند
یادگیری طراحی تجربه کاربری (UX) با Adobe XD
تسلط کامل روی CSS و Sass
به‌روز کردن مهارت‌های UI/UX
آماده شدن برای ورود به بازار کار
این دوره مناسب چه کسانیه؟
کسانی که HTML و CSS مقدماتی رو بلدن و می‌خوان یه پله بالاتر برن
افرادی که می‌خوان طراحی سایت با CSS و Adobe XD رو یاد بگیرن
صاحبان کسب‌وکارهایی که می‌خوان برای خودشون سایت زیبا طراحی کنن
علاقه‌مندان به طراحی و ساخت انیمیشن‌های پیشرفته
کسانی که هدفشون ورود به بازار کار طراحی سایت و UI/UX هست
بعد از این دوره چه مهارت‌هایی به دست میاری؟
توی دوره جامع آموزش سی‌اس‌اس، با کمک پروژه‌های واقعی تمام مهارت‌های لازم برای کار با CSS و Sass رو فرا می‌گیری. بعد از پایان دوره می‌تونی نیازت رو توی این زمینه‌ها برطرف کنی:
طراحی UX با Adobe XD
کار با NPM
نصب Sass و تبدیل کدهای CSS به Sass
کار با Command line
تسلط روی معماری BEM
تسلط روی بخش‌های پیشرفته CSS و Sass مثل position، grid layout، flexbox، animation و طراحی واکنش‌گرا
یه مثال ساده بزنم؛ فرض کن می‌خوای برای پروژه دانشگاهی‌ت یه فروشگاه آنلاین بسازی. با Sass می‌تونی متغیر تعریف کنی، رنگ‌ها و فاصله‌ها رو یه‌جا مدیریت کنی و بعداً با یه تغییر کوچیک، کل سایتت آپدیت بشه. این همون چیزیه که توی پروژه‌های واقعی خیلی به کارت میاد.
ویژگی‌های متمایز این دوره
برخلاف اکثر دوره‌های CSS فارسی، اینجا همه‌چیز توی قالب پروژه‌های واقعی آموزش داده می‌شه. پروژه‌ها تمام بخش‌های CSS و Sass رو پوشش می‌دن. قبل از شروع هر پروژه، اول با Adobe XD طراحیش می‌کنیم و بعد طرح رو به کد و صفحات وب تبدیل می‌کنیم.
درگیر شدن با چالش‌های طراحی وب به یادگیری عمیق‌ترت کمک می‌کنه. برای همین چالش‌های زیادی توی پروژه‌ها قرار دادیم. یادگیری برنامه‌نویسی فقط با تماشای ویدیو جواب نمی‌ده؛ باید خودت دست به کد بشی و با چالش‌ها روبه‌رو بشی.
سرفصل‌های دوره آموزش CSS پیشرفته و Sass
دوره شامل ده فصل آموزشی و چند پروژه واقعیه. توی این فصل‌ها با انجام پروژه‌های عملی، Adobe XD، Sass، CSS و بخش‌های مختلفشون رو یاد می‌گیری. آخرش هم یه پروژه پایانی طراحی شده که بتونی آموخته‌هات رو تثبیت کنی.
فصل اول – مقدمه: مرور کلیات دوره
فصل دوم – طراحی وب‌سایت سیم‌کارت با Adobe XD: آموزش پروژه‌محور طراحی با Adobe XD
فصل سوم – تنظیمات پروژه وب‌سایت سیم‌کارت: تنظیمات پروژه و Header
فصل چهارم – مروری بر CSS: قابلیت‌ها و انتخاب‌گرهای CSS
فصل پنجم – CSS پیشرفته و Sass: نصب Sass و مهم‌ترین نکات طراحی سایت (ادامه ساخت وب‌سایت فروش سیم‌کارت)
فصل ششم – طراحی واکنش‌گرا (Responsive Design): طراحی برای موبایل، تبلت، لپ‌تاپ و...
فصل هفتم – Flexbox پیشرفته: انعطاف‌پذیرتر کردن لایه‌بندی صفحات وب
فصل هشتم – طراحی وب‌سایت Beetle با Adobe XD: طراحی ژورنال، گالری و بخش فروش
فصل نهم – مقدمه‌ای بر CSS Grid: آشنایی با فناوری CSS Grid
فصل دهم – مفاهیم پیشرفته CSS Grid: تمرین کار با این ابزار
پروژه پایانی: طراحی وب‌سایت خدمات ساخت اپلیکیشن برای تثبیت آموخته‌ها
مشخصات کلی دوره 📋
ویژگی
توضیح
عنوان دوره
آموزش طراحی سایت با CSS پیشرفته و Sass
مدرس
مهدی تهورگر
مدت زمان
حدود ۴۲ ساعت
سطح
پیشرفته
پیش‌نیاز
آشنایی با HTML و CSS مقدماتی
سبک آموزش
پروژه‌محور و عملی
وضعیت قیمت
تخفیف ویژه
مزایای یادگیری طراحی سایت با CSS پیشرفته و Sass
طراحی سایت‌های بهتر و کاربرپسندتر: با آموزش CSS پیشرفته می‌تونی سایت‌هایی جذاب‌تر و یگانه طراحی کنی. وردپرس و سیستم‌های مدیریت محتوا با این هدف ساخته شدن که افراد از برنامه‌نویسی بی‌نیاز بشن؛ ولی برای سایت‌های منحصربه‌فرد، هنوز هم به دانش برنامه‌نویسی پیشرفته نیاز داری.
افزایش کارایی در طراحی سایت: Sass با ویژگی‌هایی مثل متغیرها، توابع و mixinها کمک می‌کنه کد CSS رو کارآمدتر و ساختارمندتر بنویسی. نتیجه‌اش صرفه‌جویی در زمان کدنویسی و اشکال‌زدایی بهتره.
تقاضای بیشتر برای طراحان با مهارت Sass: الان تقاضا برای طراحان سایت با مهارت Sass بالاست. اگه دوره CSS مقدماتی رو
طراحی سایت پیشرفته با CSS و Sass
ثبت‌نام با تخفیف، همین حالا شروع کنید
