آموزش آیونیک (Ionic)

دسته بندی: برنامه نویسی موبایل

آموزش آیونیک

آنچه در این صفحه می خوانید:

معرفی آیونیک (Ionic)

آیونیک یک SDK کامل اوپن سورس برای توسعه نرم افزار های هیبریدی موبایل است که توسط Max Lynch ،Ben Spree و Adam Bradley از شرکت Drifty در سال 2013 ایجاد شده است. نسخه اصلی در سال 2013 منتشر شد و روی انگولار جی اس و کوردوا ساخته شده است. با این حال، آخرین نسخه به عنوان مجموعه ای از قطعات وب بازسازی شد و به کاربر اجازه می دهد که هر فریمروک رابط کاربری مانند انگولار، ری اکت یا Vue.js را انتخاب کند. همچنین امکان استفاده از اجزای آیونیک بدون فریمروک رابط کاربری را فراهم می کند.

Ionic ابزارها و خدمات برای توسعه هیبریدی تلفن همراه، دسکتاپ و برنامه های پیشرفته وب مبتنی بر فن آوری و شیوه های توسعه وب سایت های مدرن، با استفاده از فناوری های وب مانند CSS، اچ تی ام ال و SASS را فراهم می کند. به طور خاص، برنامه های تلفن همراه را می توان با استفاده از این فناوری های وب تولید کرد و سپس با استفاده از فروشگاه های برنامه های اصلی برای نصب بر روی دستگاه با استفاده از Cordova یا Capacitor توزیع نمود. آیونیک یک فریمروک توسعه ترکیبی است و از فناوری های وب برای نوشتن و ارائه برنامه استفاده می کند و برای دسترسی به ویژگی های نیتیو از فون گپ و کوردوا استفاده می کند. سپس سعی می کند که رفتار های نیتیو خود را برای ارائه بهترین تجربه کاربر، تکرار کند.

تاریخچه آیونیک (Ionic)

آیونیک(Ionic) توسط شرکت Drifty در سال 2013 ایجاد شد. پس از انتشار یک نسخه آلفا در ماه نوامبر 2013، نسخه بتا در ماه مارس 2014 منتشر شد. نسخه نهایی در ماه مه 2015 و همچنین چندین نسخه در سال 2016 منتشر شد. از ژانویه 2019، آیونیک 4 اجازه می دهد تا توسعه دهندگان فریمورک های دیگری به غیر از Angular مانند React ،Vue.js و کامپوننت های وب را انتخاب کنند.

ویژگی های آیونیک (Ionic)

  • آیونیک با استفاده از Cordova و پلاگین های اخیر Capacitor به ویژگی های سیستم عامل میزبان مانند دوربین، GPS، چراغ قوه و غیره دسترسی پیدا می کند. کاربران می توانند برنامه های خود را بسازند و سپس برای اندروید، iOS، ویندوز، دسکتاپ و یا مرورگرهای مدرن، آنها را سفارشی کنند.
  • آیونیک شامل اجزای تلفن همراه، تایپوگرافی، پارادایم های تعاملی و یک تم پایه قابل گسترش است.
  • با استفاده از Web Components، آیونیک اجزای سفارشی و روش هایی برای تعامل با آنها را فراهم می کند. یکی از این اجزا، اسکرول مجازی است که کاربران را قادر می سازد تا از طریق لیستی از هزاران آیتم بدون هیچ گونه نمایش عملکردی حرکت کنند.
  • آیونیک یک فریمروک مبتنی بر Angular و جاوا اسکریپت است و از قالب HTML برای نمایش آن ها استفاده می کند.
  • Ionic برای توسعه اپلیکیشن Hybrid استفاده می شود. این بدان معنا است که شما می توانید برنامه های خود را برای IOS، اندروید، ویندوز فون و سیستم عامل فایرفاکس بسته بندی کنید که می تواند زمان زیادی را صرفه جویی کند.
  • شروع اپلیکیشن بسیار آسان است از آنجا که آیونیک راه اندازی نرم افزار از قبل تولید شده را با طرح بندی ساده فراهم می کند.
  • این اپلیکیشن ها به روش بسیار تمیز و مدولار ساخته شده اند، بنابراین بسیار قابل نگهداری و به روز رسانی آنها آسان است.
  • تیم توسعه دهندگان Ionic ارتباط بسیار خوبی با تیم توسعه دهندگان گوگل دارد و با همکاری یکدیگر برای بهبود فریمورک کار می کنند.
  • علاوه بر SDK ،Ionic همچنین خدماتی را ارائه می دهد که توسعه دهندگان می توانند از آن ها برای فعال کردن ویژگی هایی مانند استقرار کد، ساخت خودکار استفاده کنند. Ionic همچنین IDE خود را که به عنوان استودیوی Ionic شناخته می شود، فراهم می کند.
  • Ionic همچنین یک رابط خط فرمان (CLI) برای ایجاد پروژه ها فراهم می کند. CLI همچنین به توسعه دهندگان اجازه می دهد پلاگین های Cordova و بسته های فرانت اند را اضافه کنند، پوش نوتیفیکیشن را فعال کنند، آیکن های برنامه و اسپلش اسکرین را تولید و باینری های نیتیو بسازند.

 

مزایای آیونیک (Ionic)

برخی از مزایای آیونیک عبارتند از :

  • کاملا رایگان و متن باز
  • UI پیش فرض زیبا و ساده
  • پشتیبانی از طراحی وب واکنش گرا (responsive)
  • پشتیبانی از اپلیکیشن های دسکتاپ
  • توسعه آسان و عملی برنامه های موبایل در چند پلتفرم
  • ساخته شده بر روی AngularJs
  • خدمات و ابزارهای کارآمد
  • بازیافت و استفاده مجدد از عناصر DOM
  • ایجاد ارتباط آسان با اعضای تیم آیونیک

نصب آیونیک (Ionic)

آیونیک یک ماژول npm و نیازمند Node.js است.

ابتدا Node.js را نصب کنید. سپس، آخرین ابزار خطی Ionic را در ترمینال خود نصب کنید. راهنماهای پلتفرم Android و iOS را دنبال کنید تا ابزار مورد نیاز برای توسعه را نصب کنید.

npm  install  -g  ionic

کامپوننت های مورد نیاز برای شروع کار با Ionic

  • نود جی اس: NodeJS پلتفرم پایه مورد نیاز برای ایجاد برنامه های موبایل با استفاده از Ionic است.
  •  Android SDK :اگر قصد دارید بر روی یک پلتفرم ویندوز کار کنید و برنامه های خود را برای پلتفرم اندروید توسعه دهید، باید بر روی دستگاه Android SDK را نصب کنید.
  • ایکس کد:اگر قصد دارید در پلتفرم مک کار کنید و برنامه های خود را برای پلتفرم iOS توسعه دهید، پس باید روی دستگاه خود XCode را نصب کنید.
  • Cordova و Ionic :این SDK های اصلی هستند که برای شروع کار با آیونیک مورد نیاز است.

علاوه بر Ionic، با cordova،phonegap ،reactjs ،winjs و kendo ui نیز می توان برنامه های موبایل ایجاد کرد.

در توسعه اپلیکیشن موبایل می توان از تکنولوژی های مختلفی هم برای نیتیو و هم هیبرید مانند ری اکت نیتیو، زامارین، کوردوا، jQuery Mobile، Kendo UI و Native Script و غیره استفاده کرد.

آیا این نوشته را دوست داشتید؟
linkedin-ionic-4-0-essential-training

آموزش ملزمات Ionic 4.0


در این دوره یاد میگیرید که چگونه از Ionic برای توسعه یک اپلیکیشن موبایل بسیار کارآمد که در سکوهای سیستم عامل های محبوب موبایل و دسکتاپ سازگار است، است...

1398/12/10 1079 بازدید زیرنویس دارد
skillshare-create-ios-and-android-apps-with-ionic-chapter-1

ساخت اپلیکیشن های اندروید و iOS با ionic - فصل اول


Ionic 2 جدیدترین و بهترین چارچوب توسعه اپلیکیشن است که درک و استفاده از آن ساده است. به مراتب ساده تر از کدنویسی قدیمی!...

1398/09/18 1089 بازدید
pluralsight-authenticating-users-with-firebase-authentication-service-playbook

آموزش احراز هویت کاربران با سرویس Firebase Authentication


در هسته هر اپلیکیشن وب یا تلفن همراه، توانایی ورود به سیستم کاربر با استفاده از چندین روش متفاوت است. در این دوره با احراز هویت کاربران با  Firebase و...

1397/05/23 1620 بازدید
lynda-choosing-a-cross-platform-development-tool-cordova-ionic-react-native-titanium-and-xamarin

آموزش انتخاب ابزار توسعه چندسکویی - Cordova، Ionic، React Native، Titanium و Xamarin


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

1397/04/05 3698 بازدید زیرنویس دارد
react-native-vs-ionic-vs-nativescript-vs-android_-ios-native-apps

مقایسه اپلیکیشن های Native اندروید و آی او اس با React Native، Ionic و Native ُScript


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

1396/12/05 4511 بازدید
1396/08/25 1930 بازدید
ساخت-اپلیکیشن-های-موبایل-با-ionic-و-angularjs

ساخت اپلیکیشن های موبایل با Ionic و AngularJS


Ionic چیست؟ Ionic یک فریمورک پیشرفته برای ساخت اپلیکیشن های موبایل چند سکویی با تکنولوژی های وب می باشد. به کمک Ionic و زبان های برنامه نویسی تحت ...

1396/02/17 7268 بازدید
packtpub-beginning-ionic-hybrid-application-development

ساخت اپلیکیشن چندسکویی موبایل با Ionic


Ionic یک فریم ورک برای ساخت اپلیکیشن های موبایل چند سکویی توسط HTML – CSS و javascript می باشد. این فریمورک از AngularJS قدرت گرفته و شامل ویژگی های...

1396/02/17 3536 بازدید
infiniteskills-hybrid-mobile-app-development-with-ionic

ساخت اپلیکیشن های چندسکویی موبایل با Ionic


Ionic یک فریمورک قدرتمند برای ساخت اپلیکیشن های چندسکویی موبایل است که با استفاده از روش MVC و فریمورک قدرتمند Angular می توانید به سادگی برنامه های م...

1396/02/17 3780 بازدید
pluralsight-building-mobile-apps-with-ionic-2-angular-2-and-typescript

ساخت اپلیکیشن موبایل با Ionic 2 ، Angular 2 و TypeScript


در این آموزش تصویری با نحوه ساخت اپلیکیشن موبایل با Ionic 2 ، Angular 2 و TypeScript آشنا می شوید. این دوره آموزشی محصول موسسه Pluralsight است. سرفص...

1396/01/28 3885 بازدید
tutsplus-mobile-apps-with-ionic-and-firebase

برنامه های کاربردی موبایل با Ionic و Firebase


Ionic یک فریم ورک برای ساخت اپلیکیشن های موبایل چند سکویی ( cross-platform ) توسط HTML – CSS و javascript می باشد . نه تنها این فریم ورک شامل تعداد ...

1394/12/27 2945 بازدید