كيف تنشأ تطبيقك الاول باستخدام ionic

انشاء تطبيق cross-platform باستخدام ionic framework

abdelatifمنذ 4 سنوات

لا شك ان لغاب برمجة الويب اسهل بكثير من نظيرتها المخصص لسطح المكتب كالجافا والكوتلن . ولا شك ايضا ان استخدام اللغات التي احترفناها افضل من تعلم لغة جديدة من الصفر . من هنا انبثقت فكرة التطبيقات الهجينة وفي هذا المقال اخترنى لكم اطار عمل ionic لانه المفضل عندي وعند الكثيرين للمييزات القوية التي يقدمها للمطور .اليوم سيكون شرح بسيط حول كيف انشاء اول تطبيق ionic لك للاندرويد والايفون :

بداية تحتاج الى توفر node js على جيهازك سواء windows او linux  او mac os ...يمكنك تحميلها من الموقع الرسمي من هنا 

بعد تثبيته على جيهازك افتح الطرفية وضع هذا الامر :

npm install -g ionic

يقوم هذا الامر بتثبيت ionic على جيهازك .

قبل انشاء تطبيقنا الاول يجب ان تعلم ان ionic الان تدعم اكثر من framwork على سبيل المثال يمكنك الاختيار بين angular و vue و react 

لانشاء تطبيق angular استخدم هذا الامر :

ionic start NameYouApp

اما بالنسبة ل REACT بامكانك استخدام هذا الامر :

ionic start NameYourApp --type=react

الان ستضهر امامك ثلاث او اربع خيارات مثل ما في الصورة التالية :

ionic app

  1. الخيار الاول  blank  عني تطبيق فارغ 
  2. الخيار الثاني sidemenu يعني تطبيق بقائمة جانبية 
  3. اما الثالث tabs فيعني بتبويبات 

 

بعد اختيار نوع التطبيق انضر حتى يتم انشاء التطبيق ثم يجب التنقل داخل التطبيق باستخدام هذا الامر بحسب الن\ظام الذي تستخدمه :

cd /pathYourProject

 

لعرض التطبيق على المتصفح كل ماعليك فعله كتابة هذا الامر من داخل مجلد التطبيق

ionic serve

 

 

ومبروك عليك اول تطبيق باستخدام ionic

¦الموقع الرسمي لاطار عمل ionic

موقعنا : dowstoreapp

0
إعجاب
1703
مشاهدات
0
مشاركة
1
متابع

التعليقات (0)

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !