تم‌سازی در Angular 19 و Material MD3 - راهنمای گمشده

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

• ساخت تم‌های پویا با استفاده از custom properties ،color-scheme و ()color-mix، رنگ‌های نسبی و توابع ()CSS light-dark
• راه‌اندازی یک سیستم رنگی منعطف با استفاده از OKLCH و درک چگونگی نگاشت نقش‌های رنگی به پالت‌های طراحی
• ایجاد چندین تم و جابجایی بین آن‌ها در زمان اجرا با پشتیبانی کامل از حالت روشن/تاریک
• استفاده همزمان از چندین تم در یک برنامه برای برجسته کردن زمینه‌های معنایی مختلف یا حالت‌های کاربری
• استفاده از SCSS برای تولید پالت‌ها، مدیریت استایل‌ها و سازماندهی منطق تم‌سازی با mapها و mixinها
• سفارشی‌سازی کامپوننت‌های Angular Material با بازنویسی tokenها و معرفی tokenهای طراحی خودتان
• استایل‌دهی تایپوگرافی و آیکون‌ها، میزبانی فونت‌ها به صورت self-host و ادغام SVGهای سفارشی با پشتیبانی کامل از تم‌سازی.
• ساخت یک سیستم تم‌سازی قابل استفاده مجدد برای هر اپلیکیشن Angular - نه فقط آن‌هایی که از Material استفاده می‌کنند.

پیش‌نیازهای دوره

• تجربه اولیه قبلی با Angular
• مقداری تجربه در Angular مدرن با signalها
• آشنایی با اصول CSS مانند انتخابگرها، رنگ‌ها و فونت‌ها
• هیچ دانش قبلی از Angular Material مورد نیاز نیست.

توضیحات دوره

چه می‌شد اگر می‌توانستید ظاهر کل اپلیکیشن خود را با یک رنگ واحد کنترل کنید؟ چه می‌شد اگر طراحی شما می‌توانست به صورت خودکار با حالت‌های روشن و تاریک تطبیق یابد؟ چه می‌شد اگر Angular Material واقعاً... منعطف احساس می‌شد؟

کشف کنید که چگونه CSS مدرن و آخرین نسخه Angular Material قابلیت‌های تم‌سازی قدرتمند و منعطفی را آزاد می‌کنند. یاد بگیرید که یک سیستم تم‌سازی مقیاس‌پذیر و قابل استفاده مجدد برای اپلیکیشن‌های Angular خود بسازید که با حالت‌های روشن و تاریک سازگار است و از چندین پالت پشتیبانی می‌کند. با سفارشی‌سازی هر جنبه از Angular Material با وضوح و سهولت، کنترل کامل ظاهر و حس اپلیکیشن خود را در دست بگیرید.

چرا این دوره؟

• پوشش کامل استک تم‌سازی - از CSS مدرن تا SCSS و Angular Material
• ساختار دنیای واقعی و بهترین تجربیات که می‌توانید بلافاصله در پروژه‌های خود اعمال کنید.
• دموهای عملی و کدهای قابل استفاده مجدد که در زمان شما صرفه‌جویی کرده و به شما کمک می‌کنند سریع‌تر بسازید.
• تدریس توسط یک مدرس با تجربه Angular با تمرکز بر وضوح، مفید بودن و تجربه توسعه‌دهنده

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

• توسعه‌دهندگان Angular که می‌خواهند اپلیکیشن‌های حرفه‌ای و صیقل‌خورده با تم‌های سازگار ایجاد کنند.
• توسعه‌دهندگانی با دانش قبلی از نسخه‌های قبلی Angular Material که با تغییرات اخیر احساس سردرگمی می‌کنند.
• توسعه‌دهندگان Angular که به دنبال آزادسازی قدرت کامل سیستم تم‌سازی جدید Angular Material هستند.
• طراحانی که از نزدیک با توسعه‌دهندگان کار می‌کنند و خواهان کنترل بهتر بر رنگ، تایپوگرافی و پیاده‌سازی طرح بندی هستند.