LinkedIn – CSS Toolkit: Tips and Techniques for Layout and Styling 2025-4

در تاریخ: 1404/06/23 10:32:43

توضیحات

دوره CSS Toolkit: Tips and Techniques for Layout and Styling. این دوره توسط Carrie Dils، مجموعه‌ای جامع از روش‌های کاربردی CSS را برای ایجاد طراحی‌های وب منعطف، دقیق و خلاقانه ارائه می‌دهد. این دوره با مبانی CSS آغاز شده و استفاده از normalization، resetها و linting را برای ایجاد یک پایه کد پایدار و قابل نگهداری آموزش می‌دهد. در ادامه، روش‌های مدیریت کانتینرها، کنترل اندازه‌ها، حفظ نسبت ابعاد و حل مسائل ترازبندی بررسی می‌شوند. مباحث پیشرفته‌تر شامل تایپوگرافی، متغیرهای CSS و تکنیک‌های ایجاد پالت‌های رنگی انعطاف‌پذیر است. همچنین، این دوره استراتژی‌های مختلف چیدمان واکنش‌گرا را با استفاده از grid، flexbox و floatها پوشش داده و نحوه خلق طرح‌بندی‌های جذاب و بصری‌را نشان می‌دهد. در پایان دوره، شرکت‌کنندگان به درک عمیقی از ابزارها و تکنیک‌های ضروری دست یافته و قادر خواهند بود طرح‌هایی با ساختار مناسب و تاثیرگذار ایجاد کنند.

آنچه فرا خواهید گرفت

تکنیک‌های پیشرفته CSS:
یاد می‌گیرید که چگونه با استفاده از ابزارهایی مانند normalize، reset و stylelint، کدهای CSS بهتری بنویسید.
کار با کانتینرها:
با واحدهایی مانند vw و مشکلات نوار اسکرول کلاسیک آشنا می‌شوید.
نحوه استفاده از box-sizing: border-box برای اندازه‌بندی یکنواخت، استفاده از ویژگی‌های منطقی باکس، تغییر حالت نوشتار و ترازبندی عناصر را فرا می‌گیرید.
یاد می‌گیرید که چگونه نسبت ابعاد را در کانتینرها و تصاویر حفظ کنید و از float و clear در CSS مدرن استفاده کنید.
تایپوگرافی و افکت‌های متنی:
واحدهای px، em و rem را درک می‌کنید و طول خطوط بهینه را با واحد ch تنظیم می‌کنید.
از توابع min()، max() و clamp() برای اندازه‌بندی واکنش‌گرا استفاده می‌کنید.
نحوه متعادل‌سازی شکست متن، کوتاه کردن طول متن و پر کردن متن با گرادیان یا تصویر را می‌آموزید.
رنگ‌ها و ویژگی‌های سفارشی:
نحوه استفاده از مقادیر بازگشتی با ویژگی‌های سفارشی و ایجاد حالت‌های light یا dark با آنها را یاد می‌گیرید.
با مزایای رنگ‌های hsla() آشنا می‌شوید.
چیدمان و موقعیت‌دهی:
یاد می‌گیرید که چه زمانی از grid، flex یا flow استفاده کنید و چگونه gaps و gutters را به آنها اضافه کنید.
نحوه استفاده از pseudo-elements به عنوان آیتم‌های grid و flex، انباشت عناصر با grid و استفاده از subgrid را می‌آموزید.
با افزودن عناصر fixed و sticky به چیدمان آشنا می‌شوید.

این دوره مناسب افرادیست که

توسعه‌دهندگان وب و طراحانی که به دنبال بهبود مهارت‌های CSS خود هستند.
افرادی که می‌خواهند تکنیک‌های پیشرفته‌تر CSS را برای ایجاد طراحی‌های انعطاف‌پذیر و واکنش‌گرا یاد بگیرند.
فریلنسرها و متخصصانی که نیاز به ساخت وب‌سایت‌های حرفه‌ای و با ساختار مناسب دارند.