آموزش Ionic 4.0

مقدمه Introduction

• ایجاد برنامه های متقاطع در Ionic Building cross-platform apps in Ionic

• آنچه باید بدانید What you should know

• چرا Ionic 4؟ Why Ionic 4?

1. تنظیم محیط 1. Setting Up the Environment

• نمای کلی برنامه Overview of the application

• نصب Ionic Installing Ionic

• ایجاد یک برنامه مبتنی بر برگه Creating a tab-based application

• آزمایش بر روی مرورگر Testing on a browser

• آزمایش با آزمایشگاه Ionic Testing with Ionic Lab

2. کار با یک الگوی مبتنی بر زبانه 2. Working with a Tab-Based Template

• اجمالی اجزای UI یونی Overview of Ionic UI components

• طراحی صفحه اصلی با کارت Designing the home page with cards

• تولید خدمات Generating services

• مصرف API های REST Consuming REST APIs

• مصرف API های REST: روش های اجرای Consuming REST APIs: Implementing methods

• ایجاد یک مدل و رابط داده Creating a data model and interface

• با استفاده از رابط مدل داده Using a data model interface

• نهایی کردن طراحی صفحه اصلی Finalizing the home page design

3. برنامه پیش نمایش در دستگاه با Ionic DevApp 3. Preview App on Device with Ionic DevApp

• آشنایی با Ionic DevApp Introduction to Ionic DevApp

• تست با Ionic DevApp Testing with the Ionic DevApp

4- کار با مؤلفه های UI 4. Working with UI Components

• ایجاد صفحه جزئیات Generating the detail page

• مسیریابی به صفحه جزئیات Routing to the detail page

• بازیابی اطلاعات جزئیات فیلم Retrieving movie detail data

• اجرای طرح صفحه جزئیات Implementing the detail page design

• کار با لیست ها Working with lists

• با استفاده از جزء اسکلت Using the skeleton component

• کار با ماژول ها و fabs Working with modals and fabs

• تولید صفحه جزئیات فیلم با ماژول ها Generating a movie detail page with modals

• بستن پنجره معین Closing the modal window

• اشکال زدایی و اپراتور الویس The debugging and the Elvis operator

• افزودن یک فیلم فعالیتی به یک معین Adding an activity video to a modal

5- کار با بومی یونی 5. Working with Ionic Native

• بومی یونی چیست؟ What is Ionic Native?

• طراحی صفحه پروفایل Designing the profile page

• نصب بسته دوربین Ionic Native Installing the Ionic Native camera package

• دسترسی به دوربین دستگاه برای عکس پروفایل Accessing the device camera for a profile photo

• دوربین دستگاه خود را تست کنید Testing your device camera

• اشتراک گذاری در دکمه رسانه های اجتماعی Sharing to social media button

• اشتراک گذاری در رسانه های اجتماعی Sharing to social media

• دکمه اشتراک گذاری خود را روی یک دستگاه آزمایش کنید Testing your sharing button on a device

6. اتصال یک برنامه به Firebase Backend 6. Connecting an App to Firebase Backend

• معرفی به Firebase Intro to Firebase

• تنظیم Firebase Setting up Firebase

• طراحی صفحه ورود Designing a login page

• پیاده سازی صفحه ورود Implementing a login page

• ایجاد یک سرویس auth Creating an auth service

• تأیید اعتبار با ایمیل و رمز عبور Authenticating with email and password

• ایجاد یک نگهبان ورود به سیستم Creating a login auth guard

• اجرای محافظ صفحه برگه ها Implementing a tabs page guard

• تصویر پروفایل ماندگار با Firestore ، قسمت 1 Persistent profile image with Firestore, part 1

• تصویر پروفایل ماندگار با Firestore ، قسمت 2 Persistent profile image with Firestore, part 2

• اجرای موارد دلخواه ، قسمت 1 Implementing favorites, part 1

• اجرای موارد دلخواه ، قسمت 2 Implementing favorites, part 2

• چالش: اطلاع رسانی نان تست Challenge: Toast notification

• راه حل: اطلاع رسانی نان تست Solution: Toast notification

7. کار با لیست های پیچیده 7. Working with Complex Lists

• ایجاد یک برنامه خالی Creating a blank app

• پیاده سازی لیست های کشویی Implementing sliding lists

• درک پیمایش نامحدود یونی Understanding Ionic infinite scroll

• اضافه کردن کشش برای تازه کردن Adding pull to refresh

نتیجه Conclusion

• مراحل بعدی Next steps