بررسی اجمالی برنامه نویسی انگولار

بررسی اجمالی برنامه نویسی انگولار

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به بررسی اجمالی برنامه نویسی انگولار خواهیم پرداخت.

Mobile Angular UI یک چارچوب منبع باز برای توسعه برنامه های ترکیبی تلفن همراه است. Angular UI موبایل از Twitter Bootstrap و AngularJS استفاده می کند که به ایجاد برنامه های جذاب ترکیبی تلفن همراه و دسک تاپ HTML5 کمک می کند.

ویژگی های رابط کاربری برنامه نویسی انگولار

Mobile Angular UI دارای برخی از اجزای جالب است که در زیر ذکر شده است –

Navbars – Navbars از قسمت بالا و پایین صفحه دستگاه استفاده می کند. ما می توانیم از نوار بالا برای نمایش موارد منو یا بخش سرصفحه استفاده کنیم. از نوار پایین می توان برای نمایش قسمت پاورقی استفاده کرد.

مناطق قابل پیمایش – این ویژگی باعث می شود برنامه کاربر پسندتر باشد. افزودن کلاس های css .scrollable-header / .scrollable-footer ، هدر / پاورقی ثابت را به قسمت قابل پیمایش مورد نظر شما اضافه می کند. در مورد ارتفاع و موقعیت شما نیازی به دردسر ندارید ، css از همه چیز مراقبت خواهد کرد.

آکاردئون – آکاردئون اکثراً هنگامی استفاده می شود که قرار باشد محتوا در نوع نمای قسمت باشد و هر بخش ، یک بار قابل مشاهده باشد. برای مشاهده مطالب موجود در آن می توانید قسمت بعدی را پنهان کرده و باز کنید.

Dropdowns – برای کار با منوی کشویی افزودن css .dropdown-menu به ظرف هدف دارد.

Modals and Overlays – Modals and Overlays یک پنجره نوع بازشو بر روی صفحه شما نشان می دهد. پوشش ها فقط از نظر نحوه نمایش ظرف برای آن متفاوت است.

بخشها – بخشها ظرفهایی هستند که در داخل بدنه نمایش داده می شوند. می توانید طرح کلاس خود را در دستگاه با کلاسهای موجود با بخش ها تغییر دهید. می توانید از کلاسهایی مانند .section-default ، .section-basic ، .section -uccess ، .section-info ، .section-warning یا .section-خطر برای تغییر طرح استفاده کنید.

نوارهای کناری – ستون های کناری سمت چپ و راست صفحه را اشغال می کنند. با کلیک روی مورد متصل به سمت چپ یا راست ، آنها همیشه مخفی و فعال می شوند. این بهترین راه برای استفاده از فضای صفحه است.

Toggle Switch – Mobile Angular UI عناصر سوئیچ ضامن را با استفاده از دستورالعمل سوئیچ ui ارائه می دهد. دستورالعمل سوئیچ ui وقتی روی مقدار ngModel بولی اعمال می شود ضامن ایجاد می کند.

زبانه ها – زبانه ها اجزای مفیدی هستند که با رابط کاربری گوشه ای موبایل در دسترس هستند. زبانه ها در همان لفاف موجود هستند و محتویات شما را در پنجره جداگانه نشان می دهند ، دقیقاً مانند نحوه باز شدن زبانه ها در مرورگر. همزمان فقط یک برگه برای کاربر نمایش داده می شود.

مزایای رابط کاربری انگولار

موارد زیر مزایای رابط کاربری Angular Mobile است –

• رابط کاربری Angular Mobile، اجزای متحرک UI جذاب مانند navbar، ستون های کناری، مدالها و پوشش ها، سوئیچ ها و … را فراهم می کند
• ایجاد برنامه های ترکیبی آسان است زیرا از AngularJS و Twitter Bootstrap استفاده می کند که یادگیری و شروع آن بسیار آسان است. همچنین ، این یک چارچوب منبع باز رایگان است.
• امکان استفاده از مولفه های یونی به همراه م Angلفه های رابط کاربری موبایل Angular وجود دارد.

معایب رابط کاربری Angular Mobile

موارد زیر معایب رابط کاربری Angular Mobile است –

• برنامه هایی که با زبان AngularJS نوشته می شوند ، فقط یک چارچوب فقط جاوا اسکریپت نیستند. احراز هویت و مجوز سمت سرور برای ایمن نگه داشتن یک برنامه کاربردی است.
• با اضافه شدن دستورالعمل های AngularJS به خطایاب HTML ، هنگام بروز خطا ، کمی مشکل می شود.

منبع.

لیست جلسات قبل آموزش برنامه نویسی انگولار 

1. آموزش برنامه نویسی انگولار