جعبهابزار CSS: نکات و تکنیکهایی برای طرح بندی و استایل دهی
✅ سرفصل و جزئیات آموزش
در این دوره، توسعهدهنده فریلنسری به نام Carrie Dils به بررسی عمیق CSS میپردازد و تمرکز خود را بر تکنیکهای عملیای گذاشته که انعطافپذیری، دقت و خلاقیت را به طراحی وب میآورند. با اصول پایه CSS شروع کنید و بیاموزید که چه زمانی و چرا باید از normalization ،resets و linting استفاده کنید تا پایهای پایدار و قابل نگهداری ایجاد کنید. روشهایی برای مدیریت کانتینرها، تضمین اندازهی ثابت، حفظ نسبت ابعاد و حل چالشهای ترازبندی را بررسی کنید. در زمینه تایپوگرافی پیشرفته، ویژگیهای سفارشی و تکنیکهای ایجاد طرح رنگهای سازگار عمیقتر شوید. علاوه بر این، نحوه کار با استراتژیهای چینش و موقعیتیابی با استفاده از grid ،flexbox و floats را برای ساخت طراحیهای واکنشگرا و بصری جذاب بیاموزید. پس از پایان این دوره، ابزارها و آگاهی لازم برای بهبود مهارتها و خلق طراحیهای منظم و مؤثر را خواهید داشت.
جعبهابزار CSS: نکات و تکنیکهایی برای طرح بندی و استایل دهی
-
تکنیکهای قدرتمند CSS 0:00:49
-
آنچه باید بدانید 0:00:53
-
استفاده از GitHub Codespaces همراه این دوره 0:02:16
-
باید از normalize ،reset یا روش دیگری استفاده کنید؟ 0:05:28
-
نوشتن CSS بهتر با stylelint 0:08:19
-
یونیت vw و مشکل اسکرولبار کلاسیک 0:04:41
-
تعیین اندازهی یکنواخت با box-sizing: بررسی border-box 0:02:23
-
استفاده از ویژگیهای منطقی جعبه در مقابل top ،right ،bottom ،left 0:04:09
-
تغییر حالت نگارش 0:03:51
-
تراز افقی و عمودی المانها در هر کانتینر 0:04:32
-
مرکزگذاری شبهالمانها با موقعیتیابی مطلق 0:04:11
-
حفظ نسبت ابعاد در کانتینرها و تصاویر 0:02:32
-
استفاده از float و clear در CSS مدرن 0:02:27
-
Wrap کردن متن دور شکل های سفارشی با shape-outside 0:02:23
-
درک واحدهای px ،em و rem 0:03:03
-
تنظیم طول بهینه خطوط با واحد ch 0:02:20
-
تعیین اندازه پاسخگو با ()min() ،max و ()clamp 0:05:57
-
درک ویژگی line-height 0:03:06
-
متعادل کردن پیچش متن برای خوانایی بهتر 0:02:41
-
محدود کردن طول متن و تعداد خطوط 0:04:17
-
استایلدهی به انتخاب و برجستهسازی متن 0:05:23
-
Fill کردن متن با گرادینت یا تصویر 0:03:51
-
استفاده از مقادیر fallback با ویژگیهای سفارشی 0:06:28
-
تو در تو کردن ویژگیهای سفارشی برای ساخت توابع 0:02:39
-
ساخت حالت روشن یا تیره با ویژگیهای سفارشی 0:03:24
-
چرا رنگهای ()hsla بهتر هستند؟ 0:05:36
-
باید از grid ،flex یا flow استفاده کنید؟ 0:02:45
-
افزودن فاصلهها و گاترها به grid و flex 0:02:24
-
شبهالمانها آیتمهای واقعی grid و flex هستند؟ 0:02:40
-
طرح بندی المانها به صورت لایهای با grid 0:03:19
-
تو در تو کردن آیتمهای grid با subgrid 0:05:06
-
افزودن المانهای ثابت و چسبان 0:03:51
-
گامهای بعدی 0:00:40
مشخصات آموزش
جعبهابزار CSS: نکات و تکنیکهایی برای طرح بندی و استایل دهی
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:متوسط
- تعداد درس:33
- مدت زمان :1:58:24
- حجم :317.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی