فریم ورک ionic
html5
2
نمایه ای از اپلیکیشن ساخته شده در فریم ورک ionic
نمایه ای از اپلیکیشن ساخته شده در فریم ورک ionic

همان طور که در قسمت قبلی این مقاله بررسی کردیم، فریم ورک موبایل وب ionic یکی از قویترین فریم ورک های ساخته شده جهت تولید اپلیکیشن های hybrid می باشد. حتما می دانید برنامه ها یا اپلیکیشن های hybrid، توسط html5 و تکنولوژی های برنامه نویسی وب نوشته می شوند و قابلیت تبدیل شدن به نرم افزارهای native روی سیستم عامل های مختلفی مثل Android و iOs یا Windows phone را دارند.

در این پست می خواهیم ادامه ی بررسی فریم ورک ionic را انجام بدهیم و به جنبه ها و ویژگی های دیگر این ابزار قدرتمند بپردازیم.

 

دارای آیکون های مورد نیاز پروژه

فریم ورک آیونیک (ionic) که از طریق ابزار SASS قابل سفارشی سازی می باشد، دارای متغیر ها و mixin های زیادی برای ارائه ی ظاهری customize شده می باشد. علاوه بر این، بسته بندی این فریم ورک به همراه کتابخانه ی اوپن سورس آیکون های آن می باشد که دارای بیش از ۴۴۰ آیکون مختلف می باشد که می توانید موارد دلخواه خود را از میان آن ها انتخاب کنید.

Widget ها

کامپوننت های فریم ورک Ionic به طور قدرتمندی ساده هستند. آن المان های سفارشی شده ی HTML می باشند که از اصول دایرکتیو های فریم ورک انگولار (Angular JS) پیروی می کنند. اما آیونیک Controller هایی را نیز ارائه می دهد که تکمیل کننده ی تنظیمات و تعاملات در اپلیکیشنتان می باشد. در حالی که برخی از فریم ورک ها ممکن است widget های پیچیده تری را ارائه دهند اما فریم ورک Ionicبلوک های سازنده ی ساده ای را ارائه می دهد که می توانند با یکدیگر ترکیب شوند تا رابط کاربری قدرتمندی را در اختیار کاربر قرار دهند. این فریم ورک به عنوان نسخه ی آلفای خود دارای تعداد زیادی از المان های form، نوار های هدر و فوتر، دکمه ها، لیستی ساده به همراه آیتم های قابل سفارشی سازی، المان های grid و غیره می باشد.

طراحی Responsive (RWD)

فریم ورک Ionic در درون خود از قوانین طراحی وب واکنش گرا یا responsive پیروی می کند تا تجربه ای بهینه را به عنوان مثال بر اساس اندازه ی صفحه نمایش یا تراکم پیکسل ها ارائه دهد. تمام سناریو های RWD که مختص یک اپلیکیشن خاص می باشد در آیونیک پذیرفته شده و به خوبی اجرا می شود.

پشتیبانی از اپلیکیشن های دسکتاپ

فریم ورک آیونیک که برای موبایل اپلیکیشن های hybrid ایجاد شده است (از طریق یک app store می توان بر روی دستگاه موبایل مورد نظر نصب کرد)، و برای ساخت وب سایت ها یا وب اپلیکیشن های دسکتاپی به کار نمی رود. در حالی که محتوا به خوبی نمایش داده می شود اما برای هدف مورد نظر نیز بهینه سازی می شوند. برنامه نویسانی که می خواهند اپلیکیشن هایی ایجاد کنند که با هر دو محیط مطابقت داشته باشد می توانند علاوه بر فریم ورک انگولار جی اس از فریم ورک هایZurb Foundation، Twitter Bootstrap یا UI Library های مشابه استفاده کنند.

Plugin های خارجی

در حال حاضر هیچ plugin یا extension خارجی برای این فریم ورک در دسترس نمی باشد.

رابط کاربری جذاب ionic
رابط کاربری جذاب ionic

توسعه پذیری

بخش اعظم توسعه پذیری در فریم ورک Ionic حاصل (S)CSS یا ایجاد دایرکتیوها و کنترلر های انگولار است. این باعث می شود که توسعه پذیری تبدیل به بخش جدایی ناپذیری از فرآیند تولید اپلیکیشن شود، اما به ندرت به آن نیاز پیدا می کنید. حتی برنامه نویسانی که با فریم ورک های Ionic و انگولار آشنایی کمی دارند نیز دچار مشکل نمی شوند.

ابزار های سازنده

در تولید فریم ورک Ionic از ابزار Grunt استفاده شده است که آن را تبدیل به ابزار شماره ۱ جاوا اسکریپت کرده است که حالا جذابیت بیشتری برای استفاده در پروژه های مختلف دارد.

Packaging (native)

اپلیکیشن های آیونیک نیاز به ابزار های خارجی برای packaging دارند. آنها با PhoneGap، Cordova و Trigger.io تست شده اند.

API دستگاه

فریم ورک آیونیک از API های دستگاه پشتیبانی نمی کند.

امیدواریم که پس از مطالعه ی این مقاله، دانش مقدماتی در مورد فریم ورک قدرتمند موبایل و hybrid  (چند پلت فرمی) ionic را بدست آورده باشید.قسمت سوم بررسی فریم ورک های قدرتمند تولید اپلیکیشن های موبایل و hybrid به زودی ارائه خواهد شد.

در صورتی که فکر می کنید فریم ورک های قدرتمند دیگری در این زمینه وجود دارند در قسمت نظرات اعلام کنید 😉

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

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

۲ دیدگاه

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

فریم ورک جاوا اسکریپت angular js
جاوا اسکریپت
تفاوت AngularJS با KnockoutJS به صورت ساده

با پیشرفت HTML 5 و پدید آمدن چارچوب‌های مختلف JavaScript توسعه‌ی نرم افزار‌های تک صفحه ای تحت وب (Single Page Applications) محبوب شده است.
اخیرا مطالب خوبی در رابطه با AngularJS در وبسایت جاری منتشر شده است. KnockoutJS توسط Microsoft معرفی شد و در قالب پیشفرض پروژه‌های SPA قرار گرفت ، بنابراین احتمالا این سوال برای افرادی مطرح شده است که تفاوت بین KnockoutJS و AngularJS چیست ؟

برنامه نویس زبان جاوا اسکریپت javascript
جاوا اسکریپت
۱۵ کتابخانه جالب javascript و css

۱۵ کتابخانه جالب javascript و css در دنیای برنامه نویسی front end

freelancer
از دست ندهید
چطور به عنوان یک ادمین مراقب امنیت وب سایت خود باشیم

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