آموزش برنامه های Ionic با Firebase

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• قبل از اینکه شروع کنیم Before We Start

• مقدمه ای بر Ionic Introduction to Ionic

• مقدمه ای بر Firebase Introduction to Firebase

مقدمه ای بر چارچوب Ionic Introduction to the Ionic Framework

• نصب NodeJS و VS Code Installing NodeJS and VS Code

• نصب Ionic و ایجاد اپلیکیشن Installing Ionic and Creating an App

• آشنایی با ساختار پوشه یونی Understanding Ionic Folder Structure

• اجرای برنامه در شبیه ساز اندروید Running the app on Android Emulator

• اجرای برنامه در iOS Simulator Running the app on iOS Simulator

مدیریت کاربر با احراز هویت Firebase User Management with Firebase Authentication

• طراحی وایرفریم ها Designing the Wireframes

• طراحی صفحه ورود Designing the Login Page

• طراحی صفحه ثبت نام Designing the Signup Page

• نصب anf Configuring Firebase Installing anf Configuring Firebase

• ثبت نام کاربران با احراز هویت Firebase Signing up Users with Firebase Authentication

• با استفاده از Firebase Authentication وارد شوید Login using Firebase Authentication

• پرداخت ورود و ثبت نام UX Polishing Login and Signup UX

ایجاد فید با استفاده از Firebase Cloud Firestore Creating Feed using Firebase Cloud Firestore

• ایجاد صفحه خوراک Creating the Feed Page

• طراحی وایرفریم Sketching the Wireframe

• طراحی صفحه خوراک - 1 Designing the Feed Page - 1

• طراحی صفحه خوراک - 2 Designing the Feed Page - 2

• ایجاد یک پست در Cloud Firestore Creating a Post on Cloud Firestore

• دریافت پست در Cloud Firestore Getting Posts on Cloud Firestore

• سفارش پست ها بر اساس زمان Ordering the Posts by Time

• صفحه بندی و پیمایش بی نهایت Pagination and Infinite Scrolling

• تازه کردن صفحه خوراک (کشش برای تازه کردن) Refreshing the Feed Page (Pull-to-Refresh)

• دریافت به‌روزرسانی‌های بی‌درنگ Getting Realtime Updates

• بهبود UX و اضافه کردن خروج Improving UX and Adding Logout

بارگذاری تصویر در فضای ذخیره‌سازی ابری Firebase Uploading Picture to Firebase Cloud Storage

• Firebase Cloud Storage و Ionic Native Firebase Cloud Storage and Ionic Native

• وارد کردن ماژول دوربین Importing the Camera Module

• راه اندازی دوربین Launching the Camera

• استفاده از Chrome Remote Debugging Using Chrome Remote Debugging

• نمایش پیش نمایش تصویر Displaying Image Preview

• در حال آپلود تصویر Uploading the Image

• نمایش تصاویر در فید Displaying Images in Feed

• نمایش درصدهای آپلود Displaying Upload Percentages

لایک ها و نظرات با استفاده از توابع ابری Firebase Likes and Comments using Firebase Cloud Functions

• مقدمه ای بر توابع ابری Introduction to Cloud Functions

• لایک و کامنت Likes and Comments

• نصب Firebase CLI Installing Firebase CLI

• اولین عملکرد ابری First Cloud Function

• عملکرد ابری برای لایک Cloud Function for Likes

• تست با پستچی Testing with Postman

• پیاده سازی عملکرد لایک در برنامه Implementing Likes Functionality in the App

• به روز رسانی لایک ها در زمان واقعی Updating Likes in Realtime

• بهبود UX Improving UX

• مقدمه ای بر نظرات Introduction to Comments

• ایجاد یک نظر جدید Creating a New Comment

• عملکرد ابری برای تعداد نظرات Cloud Function for Comment Count

• ایجاد نظر مدال Creating Comment Modal

• نمایش نظرات به صورت Modal Displaying Comments in Modal

• عملکرد نظرات پایانی Finishing Comments Functionality

Push Notifications با Firebase Cloud Messaging Push Notifications with Firebase Cloud Messaging

• مقدمه ای بر توابع ابری Firebase Introduction to Firebase Cloud Functions

• اضافه کردن برنامه ها در Firebase Adding Apps on Firebase

• نصب پلاگین Cordova برای Firebase Installing the Cordova Plugin for Firebase

• گرفتن توکن Getting the Token

• ارسال اولین Push Notification Sending First Push Notification

• خودکارسازی اعلان‌های فشاری Automating Push Notifications

• تست اعلان‌های فشار خودکار Testing Automated Push Notifications