این دوره با جزئیات کتابخانه اجزای Angular Material را پوشش میدهد و با مخزن Github در حال اجرا همراه است.
این دوره به طور خلاصه
Angular یک چارچوب شگفتانگیز است که کارهای زیادی را برای ما انجام میدهد، اما چیزی که ماژولهای اصلی به تنهایی انجام نمیدهند این است که مؤلفههای متداول رابط کاربری را در اختیار شما قرار میدهند.
تصور کنید که استفاده از Angular چگونه خواهد بود، اما باید هر بار که نیاز به توسعه یک برنامه دارید، همه کادرهای بازشو، انتخابگرهای تاریخ، منوها و همه آن اجزای معمولی مورد نیاز و بسیار استاندارد خود را توسعه دهید.
این نه تنها عملی نیست، بلکه در بیشتر موارد غیرممکن است، زیرا توسعه و آزمایش برخی از این مؤلفهها با توجه به پیچیدگیشان، ممکن است هفتهها تا ماهها طول بکشد!
همچنین، در مورد استایل و قالب بندی برنامه خود و اطمینان از اینکه همه چیز مرتب و حرفه ای به نظر می رسد، چطور؟
تصور کنید چه چیزی میخواهد برای استایل دادن به کل برنامهتان از ابتدا، از یک صفحه کاملاً خالی باشد. این حجم عظیمی از کار و توسعه سفارشی است که اکثر شرکت ها ترجیح می دهند از آن اجتناب کنند.
و بنابراین اینجا جایی است که Angular Material وارد می شود! :-)
Angular Material یک مجموعه اجزای شگفتانگیز برای Angular است که بر اساس طراحی متریال (یک استاندارد توسعه رابط کاربری از Google) است.
با Angular Material، فقط با افزودن چند مؤلفه و سبک به برنامهتان، میتوانید به سرعت به برنامههای خود ظاهر و ظاهری شبیه به Android مانند Material Design بدهید.
همچنین، شما هرگز مجبور نخواهید بود انتخابگر تاریخ خود و بسیاری دیگر از اجزای معمول مورد نیاز خود را توسعه دهید، همه چیز از ابتدای پروژه شما در دسترس است.
اینها مؤلفههای با کیفیت بسیار بالایی هستند که به طور گسترده در هزاران برنامه مورد آزمایش قرار گرفتهاند، از جمله قابلیت استفاده، کاربرپسندی و پاسخگویی.
این مؤلفهها که توسط خود Google ایجاد شدهاند، برخی از باکیفیتترین مؤلفههای رابط کاربری هستند که میتوانید برای ساخت برنامه خود انتخاب کنید، و از روز اول در پروژهتان آماده استفاده هستند.
نمای کلی دوره
در این دوره ما قصد داریم یک نمونه برنامه Angular را از ابتدا با استفاده از Angular Material بسازیم.
ابتدا ساختار منوی برنامه را تنظیم میکنیم و سپس با استفاده از اجزای کانتینر معمولی مانند ظروف برگه، برخی از دادهها را روی صفحه نمایش میدهیم و برخی از اصول طراحی مواد را اعمال میکنیم.
>سپس یاد خواهیم گرفت که چگونه از برخی از رایجترین کنترلهای فرم مورد نیاز، مانند ورودیها و نواحی نوشتاری، انتخابگرهای تاریخ، فهرستهای بازشو، دکمههای رادیویی و کادرهای انتخاب، و سایر اجزای فرم رایج استفاده کنیم.
ما یک فرم پیچیده با استفاده از Angular Material خواهیم ساخت و نحوه نمایش صحیح خطاهای کنترل فرم را نشان خواهیم داد. سپس یاد میگیریم که چگونه از جزء جدول دادههای مواد برای نمایش دادههای جدولبندیشده، از جمله نحوه اعتبار دادن به جداول قابل ویرایش در محل و ردیفهای جدول قابل ارتقا استفاده کنیم.
نحوه صفحهبندی دادهها را در جدول دادهها نشان میدهیم، و زمانی که دادهها بارگیری میشوند، نشانگر بارگیری را به کاربر نمایش میدهیم.
ما همچنین یک ویژگی بسیار رایج که دیالوگها هستند را به تفصیل پوشش میدهیم و در مورد زمان استفاده و زمان استفاده نکردن از آنها بحث خواهیم کرد و در مورد برخی از بهترین روشهای مفید صحبت خواهیم کرد.
سپس برخی از پیشرفتهترین مؤلفههای مجموعه Angular Material را پوشش میدهیم، از جمله ویژگیهای قدرتمند کشیدن و رها کردن، قابلیتهای طراحی واکنشگرای Angular Material، و همچنین نحوه استفاده از مؤلفه درخت مواد را به تفصیل توضیح خواهیم داد.
ما یاد خواهیم گرفت که چگونه با استفاده از پیمایش مجازی حجم زیادی از داده ها را مدیریت کنیم، و دوره را با یادگیری نحوه ایجاد تم های سفارشی خود به پایان خواهیم رساند.
فهرست مطالب
این دوره به موضوعات زیر می پردازد:
مواد زاویه ای را از ابتدا تنظیم کنید
پیمایش و کانتینرها، منوی جانبی، محفظه برگه
دادهها را با کارتها نمایش دهید، از برخی دکمهها استفاده کنید
کنترلها و دکمههای فرم رایج - ایجاد فرم دوره
ورودی ها و نواحی متن
دکمههای رادیویی، کادرهای انتخاب، نکات ابزار
انتخابگر تاریخ، قالببندی تاریخ/زمان
نمایش خطاهای فرم
جدول داده های زاویه ای در عمق
جدول درون خطی قابل ویرایش
ردیف های جدول قابل گسترش
نشانگر صفحهبندی و بارگیری
روکشها، بهترین روشهای استفاده از آنها
کشیدن و رها کردن
طراحی پاسخگو با mat-grid-list
ناظرهای نقطه شکست پاسخگو
جزء درخت
پیمایش مجازی - مدیریت مقدار زیادی داده
طرحهای زمینه سفارشی
تغییر تم در زمان اجرا
در این دوره چه چیزی یاد خواهید گرفت؟
در پایان این دوره، با استفاده از کتابخانه Angular Material برای ساخت و سبک سازی برنامه های خود احساس راحتی خواهید داشت.
میدانید چگونه Angular Material را به یک برنامه Angular موجود اضافه کنید، و با اکثر مؤلفههای پرکاربرد آن و همچنین با بسیاری از پیشرفتهترین مؤلفهها آشنا خواهید شد.
دروس رایگان دوره را در زیر نگاه کنید و لطفاً از دوره لذت ببرید!
پرفروش ترین دوره های انگولار | بیش از 100 هزار دانش آموز | 16 دوره
نمایش نظرات