لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش IONIC - برنامه های اندروید و وب را با Ionic بسازید
IONIC - Build Android & Web Apps with Ionic
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
در مورد بلوکهای اصلی سازنده یونی، ادغام با چارچوب زاویهای و ساخت برنامههای موبایل هیبریدی بیاموزید. شما مهارت های مربوط به توسعه برنامه موبایل، اجزای وب و توسعه برنامه های وب سایت را یاد خواهید گرفت. همچنین جزئیات و اطلاعات مربوط به فناوری های فرانت اند مانند HTML، CSS، angularJS یا سایر چارچوب ها را خواهید آموخت. شما همچنین در مورد NodeJS و سایر چارچوبهای اسکریپت نویسی جاوا مبتنی بر واکنش و ستون فقرات یاد خواهید گرفت و همچنین نحوه کار بر روی برنامههای مبتنی بر CLI و نحوه استفاده از آن را خواهید فهمید. همچنین در مورد تعامل با API ها، مضامین پیش نیازها: برای آموزش های یونی، تنها چیزی که نیاز دارید، علاقه و اشتیاق شدید به یادگیری و کار بر روی این فناوری و چارچوب است. جدای از این، شما همچنین باید یک درک اولیه از چارچوب های مبتنی بر وب، یک پیشینه مختصر در مورد هر فریم ورک فرانت اند یا زبان یا فناوری داشته باشید. همچنین باید دانش کافی در مورد برنامه های وب مبتنی بر تلفن همراه در درجه اول برای iOS، Windows و Android داشته باشید. داشتن دانش کامل در مورد هر یک از Apache Cordova، AngularJS، HTML5، CSS و Javascript یک امتیاز محسوب می شود.
Ionic چارچوب منبع باز است که برای توسعه برنامه های کاربردی مبتنی بر تلفن همراه استفاده می شود. لیستی از خدمات و ابزارهای مختلفی را در اختیار ما قرار می دهد که برای ساختن رابط کاربری موبایل با حس بومی و همان ظاهر مورد نیاز است. فریم ورک یونی باید دارای یک رابط پوشش داخلی باشد که با استفاده از آن بتواند برنامه های مبتنی بر یونی را در دستگاه های تلفن همراه اجرا کند. علاوه بر این، میتوان آن را چارچوب HTML مبتنی بر فرانتاند دانست که شامل بسیاری از زبانهای جلویی است، و بنابراین بر روی احتمالاً بهترین فریم ورک فرانتاند، AngularJS و Cordova ساخته شده است. این یک چارچوب توسعه اپلیکیشن موبایل مبتنی بر HTML5 است که هدف آن ساخت اپلیکیشن های ترکیبی مبتنی بر موبایل است. Ionic را می توان به عنوان یک چارچوب رابط کاربری جلویی در نظر گرفت که برای مدیریت ظاهر و احساس اولیه و تعاملات مبتنی بر رابط کاربری که برای قانع کننده بودن برنامه مورد نیاز است استفاده می شود. این تا حدودی شبیه بوت استرپ برای برنامه های کاربردی بومی است که برای پشتیبانی از طیف گسترده ای از اجزای معمولی و اصلی مبتنی بر موبایل، طراحی زیبا و انیمیشن های شیک ساخته شده اند.
این ویژگیها شامل معماری مدل View Controller مبتنی بر AngularJS برای ایجاد و ساخت SPAهای غنی میشود که به عنوان برنامههای تک صفحه نیز شناخته میشوند، مخصوصاً برای دستگاه و دستگاههای مبتنی بر تلفن همراه بهینه شدهاند. سایر ویژگیها شامل اجزای CSS است که همراه با ظاهر و احساس بومی هستند و برای ارائه تمام عناصری که معمولاً توسط یک برنامه وب مبتنی بر تلفن همراه مورد نیاز است استفاده میشوند. استایل پیش فرض اجزا را می توان به راحتی نادیده گرفت که می تواند طرح های آنها را در خود جای دهد. مؤلفه های جاوا اسکریپت قابلیت های مؤلفه CSS و همچنین توابع مرتبط با جاوا اسکریپت و قابلیت های آنها را برای پوشش عناصر تلفن همراه گسترش می دهند که فقط با HTML و CSS قابل انجام نیستند. ویژگی های دیگر شامل موارد مربوط به پلاگین های Cordova است که API مربوط به استفاده از توابع دستگاه بومی مبتنی بر تلفن همراه با کد جاوا اسکریپت را ارائه می دهد. Ionic CLI یک ابزار مبتنی بر NodeJS است که با دستورات مختلف مورد نیاز برای ساخت، شروع، اجرا و همچنین شبیهسازی برنامههای یونی نیرو میگیرد. نماها یک پلتفرم بسیار مفید هستند که برای اشتراکگذاری، آپلود و آزمایش برنامههای شما برای دستگاههای بومی مورد نیاز است. تحت مجوز MIT منتشر شده است.
مهارتهای مربوط به توسعه برنامه تلفن همراه، اجزای وب و توسعه برنامههای وبسایت را خواهید آموخت. همچنین جزئیات و اطلاعات مربوط به فناوریهای فرانتاند مانند HTML، CSS، angularJS یا سایر فریمورکهایی را که عمدتاً به فناوریهای فرانتاند مرتبط هستند، یاد خواهید گرفت. همچنین در مورد NodeJS و سایر چارچوب های اسکریپت نویسی جاوا مبتنی بر واکنش و ستون فقرات یاد خواهید گرفت. جدای از آن، نحوه کار بر روی برنامه های مبتنی بر CLI و نحوه استفاده از آن را نیز خواهید فهمید. همچنین در مورد تعامل با API ها، تم ها و سایر منابع که بخش ضروری و جدایی ناپذیر کتابخانه مؤلفه UI را تشکیل می دهد، خواهید آموخت
سرفصل ها و درس ها
Ionic 4 مبتدی
Ionic 4 Beginner
مقدمه ای بر Ionic 4
Introduction to Ionic 4
مفهوم اصلی
Core Concept
نصب برنامه Ionic و Running
Installing Ionic and Running App
ایجاد پروژه با تب مشخص
Creating Project with Specified Tab
ایجاد اپلیکیشن یونی با حالت آزمایشگاهی
Creating Ionic Application with Lab Mode
برنامه Ionic Cordova
Ionic Cordova Application
اضافه کردن پلتفرم و شبیه سازی در مرورگر
Adding Platform and Emulate in Browser
شبیه سازی اپلیکیشن Ionic در اندروید
Emulating Ionic App in Android
حالت تولید
Production Mode
آرایه
Array
Ionic Lab را نصب کنید
Install Ionic Lab
NPM
NPM
پروژه یونی جریان
Flow Ionic Project
Action Sheet ایجاد کنید
Create Action Sheet
ایجاد Action Sheet ادامه دهید
Create Action Sheet Continue
اطلاعات بیشتر در مورد ایجاد Action Sheet
More on Create Action Sheet
هشدار با Action Sheet قسمت 1
Alert with Action Sheet Part 1
هشدار با Action Sheet قسمت 2
Alert with Action Sheet Part 2
هشدار با Action Sheet قسمت 3
Alert with Action Sheet Part 3
هشدار با Action Sheet قسمت 4
Alert with Action Sheet Part 4
تاریخ و انتخابگر
Date and Picker
فیلد ورودی
Input Field
قابلیت بارگذاری
Loading Functionality
بارگیری عملکرد ادامه دارد
Loading Functionality Continue
بارگذاری و آیکون های یون
loading and Ion Icons
بارگیری و آیکون های یون ادامه دارد
loading and Ion Icons Continue
بیشتر در مورد بارگذاری و آیکون های یون
More on loading and Ion Icons
دکمه یون فاب
Ion Fab Button
محتوای تجدید کننده یون
Ion Refresher Content
نوار جستجوی یون
Ion Search Bar
افزودن کامپوننت در پروژه Ionic
Adding Component in Ionic Project
افزودن کامپوننت در پروژه Ionic ادامه دارد
Adding Component in Ionic Project Continue
اسلاید مورد
Item Slide
لیست آیتم ها با گزینه ها
Item List with Options
پروژه و خدمات
Project and Service
پروژه و خدمات ادامه دارد
Project and Service Continue
ایجاد سرویس برای لیست فیلم
Creating Service for Movie List
ایجاد الگو
Create Template
نتیجه را بررسی کنید
Check Result
تست تماس و پاسخ API
Testing API Call and Response
تست API
API Testing
نقشه برداری نتایج جستجو
Mapping Search Results
پیاده سازی ساید Tab
Side Tab Implementation
ایجاد Sidemenubar
Creating Sidemenubar
ایجاد برگه های جدید
Creating New Tabs
افزودن زبانه های یون در قالب
Adding ion Tabs in Template
پیاده سازی درباره تماس با ما زبانه ها
Implementing About Contact us Tabs
مشکل ناوبری برگه حل شد
Tab Navigation Issue Solved
مشکل پیمایش برگه حل شد ادامه دهید
Tab Navigation Issue Solved Continue
صفحه تماس
Contact Page
مشکل Double Tab حل شد
Double Tab Issue Resolved
اجرای تایمر قسمت 1
Timer Implementation Part 1
اجرای تایمر قسمت 2
Timer Implementation Part 2
اجرای تایمر قسمت 3
Timer Implementation Part 3
اجرای تایمر قسمت 4
Timer Implementation Part 4
افزودن متغیرهای عضو به کامپوننت
Adding Member Variables to Component
پیاده سازی تایمر
Implementation of Timer
اجرای تایمر ادامه دهید
Implementation of Timer Continue
پخش زمان سپری شده با تایمر
Diplaying Elapsed Time with Timer
پخش زمان سپری شده با تایمر ادامه دارد
Diplaying Elapsed Time with Timer Continue
پیاده سازی استاپ تایمر
Implementing Stop Timer
اجرای تایمر توقف ادامه دهید
Implementing Stop Timer Continue
مهارت های دنیای واقعی را بصورت آنلاین بیاموزید EDUCBA یک ارائه دهنده جهانی آموزش مبتنی بر مهارت است که نیازهای اعضا را در بیش از 100 کشور برطرف می کند. ما بزرگترین شرکت فناوری پیشرفته در آسیا با نمونه کارهای 5498+ دوره آنلاین ، 205+ مسیر یادگیری ، 150+ برنامه شغل محور (JOPs) و 50+ بسته دوره حرفه ای شغلی هستیم که توسط متخصصان برجسته صنعت آماده شده است. برنامه های آموزشی ما برنامه های مبتنی بر مهارت شغلی است که توسط صنعت در سراسر امور مالی ، فناوری ، تجارت ، طراحی ، داده و فناوری جدید و آینده مورد نیاز صنعت است.
نمایش نظرات