آموزش Firebase Core را با React بیاموزید

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

معرفی Introduction

• Firebase چیست؟ چرا Firebase را یاد بگیریم؟ What is Firebase? Why Learn Firebase?

• ابزار و پیش نیازهای دوره Course Tools & Prerequisites

• پروژه دوره - برنامه وب دستور العمل ها Course Project - Recipes Web App

• ابزار Firebase - نصب جهانی Firebase Tools - Global Install

• اجرای اولین پروژه Firebase ما Deploy Our First Firebase Project

• مخزن دوره Github - کد مرجع برای هر بخش Course Github Repository - Reference Code for Each Section

• Firebase نسخه 8.9.1 را نصب کنید Install Firebase Version 8.9.1

• React نسخه 17.0.2 را نصب کنید Install React Version 17.0.2

• نصب بسته NPM Firebase Installing The Firebase NPM Package

• فایل پیکربندی پروژه Firebase و ایجاد محیط را دریافت کنید Get Firebase Project Config & Create Environment File

• واکشی فایل App.css از Github Fetch App.css File from Github

• فایل سرویس FirebaseConfig.js FirebaseConfig.js Service File

• v9 ارتقا (اختیاری) v9 Upgrade (optional)

• خلاصه بخش 1 Section 1 Summary

معرفی Introduction

• Firebase چیست؟ چرا Firebase را یاد بگیریم؟ What is Firebase? Why Learn Firebase?

• ابزار و پیش نیازهای دوره Course Tools & Prerequisites

• پروژه دوره - برنامه وب دستور العمل ها Course Project - Recipes Web App

• ابزار Firebase - نصب جهانی Firebase Tools - Global Install

• اجرای اولین پروژه Firebase ما Deploy Our First Firebase Project

• مخزن دوره Github - کد مرجع برای هر بخش Course Github Repository - Reference Code for Each Section

• Firebase نسخه 8.9.1 را نصب کنید Install Firebase Version 8.9.1

• React نسخه 17.0.2 را نصب کنید Install React Version 17.0.2

• نصب بسته NPM Firebase Installing The Firebase NPM Package

• فایل پیکربندی پروژه Firebase و ایجاد محیط را دریافت کنید Get Firebase Project Config & Create Environment File

• واکشی فایل App.css از Github Fetch App.css File from Github

• فایل سرویس FirebaseConfig.js FirebaseConfig.js Service File

• v9 ارتقا (اختیاری) v9 Upgrade (optional)

• خلاصه بخش 1 Section 1 Summary

میزبانی برنامه وب Firebase Firebase Web App Hosting

• تصویر بزرگ - Firebase Hostin BIG PICTURE - Firebase Hostin

• راه اندازی مخزن Github Github Repository Setup

• تنظیمات Firebase GitHub برای استقرار خودکار Setup Firebase GitHub Actions for Automatic Deployment

• استقرار دستی Manual Deployment

• کنسول Firebase - میزبانی Firebase Console - Hosting

• (اختیاری) افزودن یک نام دامنه سفارشی (Optional) Adding a Custom Domain Name

• میزبانی Firebase - خلاصه بخش Firebase Hosting - Section Summary

میزبانی برنامه وب Firebase Firebase Web App Hosting

• تصویر بزرگ - Firebase Hostin BIG PICTURE - Firebase Hostin

• راه اندازی مخزن Github Github Repository Setup

• تنظیمات Firebase GitHub برای استقرار خودکار Setup Firebase GitHub Actions for Automatic Deployment

• استقرار دستی Manual Deployment

• کنسول Firebase - میزبانی Firebase Console - Hosting

• (اختیاری) افزودن یک نام دامنه سفارشی (Optional) Adding a Custom Domain Name

• میزبانی Firebase - خلاصه بخش Firebase Hosting - Section Summary

احراز هویت Firebase Firebase Authentication

• تصویر بزرگ - Firebase Auth BIG PICTURE - Firebase Auth

• بررسی راه‌اندازی - Firebase npm، .ENV، و FirebaseConfig Setup Check - Firebase npm, .ENV, and FirebaseConfig

• کنسول Firebase - احراز هویت Firebase Console - Authentication

• فایل جاوا اسکریپت FirebaseAuthService FirebaseAuthService JavaScript File

• ایجاد LoginForm React Component و ثبت حساب کاربری - قسمت 1 Create LoginForm React Component & Register User Account - Part 1

• ایجاد LoginForm React Component و ثبت حساب کاربری - قسمت 2 Create LoginForm React Component & Register User Account - Part 2

• ایجاد LoginForm React Component و ثبت حساب کاربری - قسمت 3 Create LoginForm React Component & Register User Account - Part 3

• کنسول Firebase - کاربر جدید Firebase Console - New User

• فرم ورود - ورود به حساب کاربری و مکان توکن دسترسی JWT LoginForm - Login User Account & JWT Access Token Location

• LoginForm - بازنشانی رمز عبور LoginForm - Password Reset

• LoginForm - OAuth 2 - با Google وارد شوید LoginForm - OAuth 2 - Login with Google

• کنسول Firebase - دامنه های مجاز برای تولید Firebase Console - Authorized Domains for Production

• کنسول Firebase - الگوهایی برای ایمیل، تنظیم مجدد رمز عبور، تأیید پیامک و غیره Firebase Console - Templates for Email, Password Reset, SMS Verification, Etc

• Github Actions - CI/CD - Continuous Integration & Continuous Deployment Github Actions - CI/CD - Continuous Integration & Continuous Deployment

• احراز هویت Firebase - خلاصه بخش Firebase Authentication - Section Summary

احراز هویت Firebase Firebase Authentication

• تصویر بزرگ - Firebase Auth BIG PICTURE - Firebase Auth

• بررسی راه‌اندازی - Firebase npm، .ENV، و FirebaseConfig Setup Check - Firebase npm, .ENV, and FirebaseConfig

• کنسول Firebase - احراز هویت Firebase Console - Authentication

• فایل جاوا اسکریپت FirebaseAuthService FirebaseAuthService JavaScript File

• ایجاد LoginForm React Component و ثبت حساب کاربری - قسمت 1 Create LoginForm React Component & Register User Account - Part 1

• ایجاد LoginForm React Component و ثبت حساب کاربری - قسمت 2 Create LoginForm React Component & Register User Account - Part 2

• ایجاد LoginForm React Component و ثبت حساب کاربری - قسمت 3 Create LoginForm React Component & Register User Account - Part 3

• کنسول Firebase - کاربر جدید Firebase Console - New User

• فرم ورود - ورود به حساب کاربری و مکان توکن دسترسی JWT LoginForm - Login User Account & JWT Access Token Location

• LoginForm - بازنشانی رمز عبور LoginForm - Password Reset

• LoginForm - OAuth 2 - با Google وارد شوید LoginForm - OAuth 2 - Login with Google

• کنسول Firebase - دامنه های مجاز برای تولید Firebase Console - Authorized Domains for Production

• کنسول Firebase - الگوهایی برای ایمیل، تنظیم مجدد رمز عبور، تأیید پیامک و غیره Firebase Console - Templates for Email, Password Reset, SMS Verification, Etc

• Github Actions - CI/CD - Continuous Integration & Continuous Deployment Github Actions - CI/CD - Continuous Integration & Continuous Deployment

• احراز هویت Firebase - خلاصه بخش Firebase Authentication - Section Summary

Firebase Firestore Firebase Firestore

• تصویر بزرگ - Firebase Firestore (پایگاه داده) BIG PICTURE - Firebase Firestore (database)

• کنسول Firebase - Cloud Firestore Firebase Console - Cloud Firestore

• Firebase Firestore Service - CREATE Firebase Firestore Service - CREATE

• ایجاد یک دستور غذا - فرم HTML - قسمت 1 Creating a Recipe - HTML Form - Part 1

• ایجاد یک دستور غذا - فرم HTML - قسمت 2 Creating a Recipe - HTML Form - Part 2

• ایجاد یک دستور غذا - فرم HTML - قسمت 3 Creating a Recipe - HTML Form - Part 3

• ایجاد یک دستور غذا - فرم HTML - قسمت 4 Creating a Recipe - HTML Form - Part 4

• ایجاد یک دستور غذا - فرم HTML - قسمت 5 Creating a Recipe - HTML Form - Part 5

• ایجاد یک دستور غذا - فرم HTML - قسمت 6 Creating a Recipe - HTML Form - Part 6

• کنسول Firebase - مشاهده دستور العمل جدید ما Firebase Console - Viewing Our New Recipe

• قوانین امنیتی Firestore - اعتبارسنجی و پاکسازی ورودی سمت سرور Firestore Security Rules - Server-Side Input Validation & Sanitization

• Firebase Firestore Service - بخوانید Firebase Firestore Service - READ

• خواندن دستور العمل ها - جاوا اسکریپت و HTML - قسمت 1 Reading Recipes - JavaScript & HTML - Part 1

• خواندن دستور العمل ها - جاوا اسکریپت و HTML - قسمت 2 Reading Recipes - JavaScript & HTML - Part 2

• Reading Recipes - JavaScript & HTML - Part 3 Reading Recipes - JavaScript & HTML - Part 3

• Reading Recipes - JavaScript & HTML - Part 4 Reading Recipes - JavaScript & HTML - Part 4

• Firebase Firestore Service - UPDATE Firebase Firestore Service - UPDATE

• نکته مهم ⚠️ React 18 Important ⚠️ React 18 Note

• به روز رسانی یک دستور غذا - جاوا اسکریپت و HTML - قسمت 1 Updating a Recipe - JavaScript & HTML - Part 1

• به روز رسانی یک دستور غذا - جاوا اسکریپت و HTML - قسمت 2 Updating a Recipe - JavaScript & HTML - Part 2

• به روز رسانی یک دستور غذا - جاوا اسکریپت و HTML - قسمت 3 Updating a Recipe - JavaScript & HTML - Part 3

• Firebase Firestore Service - DELETE Firebase Firestore Service - DELETE

• حذف یک دستور غذا - جاوا اسکریپت و HTML Deleting a Recipe - JavaScript & HTML

• UI/UX در حال بارگیری «Spinner» و پیام بدون دستور غذا (اختیاری) UI/UX Loading “Spinner” & No Recipes Message (optional)

• Firebase Firestore Query ساده - دستور العمل ها را بر اساس دسته فیلتر کنید Firebase Firestore Simple Query - Filter Recipes by Category

• Firebase Firestore Service - Order By Firebase Firestore Service - Order By

• Firebase Firestore Compound Query - سفارش بر اساس تاریخ انتشار Firebase Firestore Compound Query - Order By Publish Date

• Firebase Firestore - Building Compund Query Index Firebase Firestore - Building Compund Query Indexes

• Firebase Firestore Service - Limit & Cursor Firebase Firestore Service - Limit & Cursor

• صفحه بندی Firebase Firestore - دستور العمل در هر صفحه و بارگیری صفحات بیشتر Firebase Firestore Pagination - Recipes Per Page & Load More Pages

• جستجوی متن کامل Cloud Firestore؟ Cloud Firestore Full Text Search?

• میزبانی GitHub Action Deployment - نادیده گرفتن هشدار GitHub Action Deployment Hosting - Ignore Warning

• Firebase Firestore - خلاصه بخش Firebase Firestore - Section Summary

Firebase Firestore Firebase Firestore

• تصویر بزرگ - Firebase Firestore (پایگاه داده) BIG PICTURE - Firebase Firestore (database)

• کنسول Firebase - Cloud Firestore Firebase Console - Cloud Firestore

• Firebase Firestore Service - CREATE Firebase Firestore Service - CREATE

• ایجاد یک دستور غذا - فرم HTML - قسمت 1 Creating a Recipe - HTML Form - Part 1

• ایجاد یک دستور غذا - فرم HTML - قسمت 2 Creating a Recipe - HTML Form - Part 2

• ایجاد یک دستور غذا - فرم HTML - قسمت 3 Creating a Recipe - HTML Form - Part 3

• ایجاد یک دستور غذا - فرم HTML - قسمت 4 Creating a Recipe - HTML Form - Part 4

• ایجاد یک دستور غذا - فرم HTML - قسمت 5 Creating a Recipe - HTML Form - Part 5

• ایجاد یک دستور غذا - فرم HTML - قسمت 6 Creating a Recipe - HTML Form - Part 6

• کنسول Firebase - مشاهده دستور العمل جدید ما Firebase Console - Viewing Our New Recipe

• قوانین امنیتی Firestore - اعتبارسنجی و پاکسازی ورودی سمت سرور Firestore Security Rules - Server-Side Input Validation & Sanitization

• Firebase Firestore Service - بخوانید Firebase Firestore Service - READ

• خواندن دستور العمل ها - جاوا اسکریپت و HTML - قسمت 1 Reading Recipes - JavaScript & HTML - Part 1

• خواندن دستور العمل ها - جاوا اسکریپت و HTML - قسمت 2 Reading Recipes - JavaScript & HTML - Part 2

• Reading Recipes - JavaScript & HTML - Part 3 Reading Recipes - JavaScript & HTML - Part 3

• Reading Recipes - JavaScript & HTML - Part 4 Reading Recipes - JavaScript & HTML - Part 4

• Firebase Firestore Service - UPDATE Firebase Firestore Service - UPDATE

• نکته مهم ⚠️ React 18 Important ⚠️ React 18 Note

• به روز رسانی یک دستور غذا - جاوا اسکریپت و HTML - قسمت 1 Updating a Recipe - JavaScript & HTML - Part 1

• به روز رسانی یک دستور غذا - جاوا اسکریپت و HTML - قسمت 2 Updating a Recipe - JavaScript & HTML - Part 2

• به روز رسانی یک دستور غذا - جاوا اسکریپت و HTML - قسمت 3 Updating a Recipe - JavaScript & HTML - Part 3

• Firebase Firestore Service - DELETE Firebase Firestore Service - DELETE

• حذف یک دستور غذا - جاوا اسکریپت و HTML Deleting a Recipe - JavaScript & HTML

• UI/UX در حال بارگیری «Spinner» و پیام بدون دستور غذا (اختیاری) UI/UX Loading “Spinner” & No Recipes Message (optional)

• Firebase Firestore Query ساده - دستور العمل ها را بر اساس دسته فیلتر کنید Firebase Firestore Simple Query - Filter Recipes by Category

• Firebase Firestore Service - Order By Firebase Firestore Service - Order By

• Firebase Firestore Compound Query - سفارش بر اساس تاریخ انتشار Firebase Firestore Compound Query - Order By Publish Date

• Firebase Firestore - Building Compund Query Index Firebase Firestore - Building Compund Query Indexes

• Firebase Firestore Service - Limit & Cursor Firebase Firestore Service - Limit & Cursor

• صفحه بندی Firebase Firestore - دستور العمل در هر صفحه و بارگیری صفحات بیشتر Firebase Firestore Pagination - Recipes Per Page & Load More Pages

• جستجوی متن کامل Cloud Firestore؟ Cloud Firestore Full Text Search?

• میزبانی GitHub Action Deployment - نادیده گرفتن هشدار GitHub Action Deployment Hosting - Ignore Warning

• Firebase Firestore - خلاصه بخش Firebase Firestore - Section Summary

ذخیره سازی Firebase Firebase Storage

• تصویر بزرگ - ذخیره سازی Firebase BIG PICTURE - Firebase Storage

• کنسول Firebase - Cloud Storage Firebase Console - Cloud Storage

• سرویس ذخیره سازی Firebase Firebase Storage Service

• ایجاد آپلود کننده تصویر - قسمت 1 Create Image Uploader - Part 1

• ایجاد آپلود کننده تصویر - قسمت 2 Create Image Uploader - Part 2

• ایجاد آپلود کننده تصویر - قسمت 3 Create Image Uploader - Part 3

• ایجاد آپلود کننده تصویر - قسمت 4 Create Image Uploader - Part 4

• ایجاد آپلود کننده تصویر - قسمت 5 Create Image Uploader - Part 5

• Firebase Storage - خلاصه بخش Firebase Storage - Section Summary

ذخیره سازی Firebase Firebase Storage

• تصویر بزرگ - ذخیره سازی Firebase BIG PICTURE - Firebase Storage

• کنسول Firebase - Cloud Storage Firebase Console - Cloud Storage

• سرویس ذخیره سازی Firebase Firebase Storage Service

• ایجاد آپلود کننده تصویر - قسمت 1 Create Image Uploader - Part 1

• ایجاد آپلود کننده تصویر - قسمت 2 Create Image Uploader - Part 2

• ایجاد آپلود کننده تصویر - قسمت 3 Create Image Uploader - Part 3

• ایجاد آپلود کننده تصویر - قسمت 4 Create Image Uploader - Part 4

• ایجاد آپلود کننده تصویر - قسمت 5 Create Image Uploader - Part 5

• Firebase Storage - خلاصه بخش Firebase Storage - Section Summary

توابع Firebase Firebase Functions

• توابع Firebase - تصویر بزرگ Firebase Functions - BIG PICTURE

• ایجاد و استقرار اولین تابع Firebase ما Create & Deploy Our First Firebase Function

• توابع کنسول Firebase Firebase Console Functions

• فایل پیکربندی Firebase برای توابع Firebase Config File for Functions

• راه اندازی فایل تابع Index.js Function Index.js File Setup

• تابع Firestore - onCreate Firestore Function - onCreate

• تابع Firestore - onDelete Firestore Function - onDelete

• تابع Firestore - onUpdate Firestore Function - onUpdate

• عملکرد برنامه ریزی شده (cronjob/crontab) - انتشار دستور غذا Scheduled (cronjob/crontab) Function - Publish Recipe

• توجه - Dependencies را نصب کنید NOTE - Install Dependencies

• Dependencies را نصب کنید Install Dependencies

• Express API Foundation Express API Foundation

• فایل Utilities.js Utilities.js File

• ایجاد (پست) دستور العمل اکسپرس نقطه پایانی Create (Post) Recipe Express Endpoint

• پستچی - تست پست پایانی Postman - Test Post Endpoint

• Recipe Express Endpoint - Part 1 را بخوانید (دریافت کنید). Read (Get) Recipe Express Endpoint - Part 1

• Recipe Express Endpoint - Part 2 را بخوانید (دریافت کنید). Read (Get) Recipe Express Endpoint - Part 2

• پستچی - تست دریافت نقطه پایانی Postman - Test Get Endpoint

• به روز رسانی (قرار دادن) دستور العمل اکسپرس نقطه پایانی Update (Put) Recipe Express Endpoint

• پستچی - Test Put Endpoint Postman - Test Put Endpoint

• Delete (Delete) Recipe Express Endpoint Delete (Delete) Recipe Express Endpoint

• پستچی - تست حذف نقطه پایانی Postman - Test Delete Endpoint

• توابع Firebase استقرار خودکار با اقدامات Github Firebase Functions Automatic Deploy with Github Actions

• راه اندازی محیط URL URL API API URL Environment Setup

• فایل جاوا اسکریپت FirebaseFirestoreRestService FirebaseFirestoreRestService JavaScript File

• ایجاد - فایل جاوا اسکریپت FirebaseFirestoreRestService Create - FirebaseFirestoreRestService JavaScript File

• خواندن - فایل جاوا اسکریپت FirebaseFirestoreRestService Read - FirebaseFirestoreRestService JavaScript File

• به روز رسانی - فایل جاوا اسکریپت FirebaseFirestoreRestService Update - FirebaseFirestoreRestService JavaScript File

• حذف - فایل جاوا اسکریپت FirebaseFirestoreRestService Delete - FirebaseFirestoreRestService JavaScript File

• برنامه وب - اتصال ایجاد نقطه پایانی Web App - Hookup Create Endpoint

• برنامه وب - نقطه پایانی خواندن اتصال Web App - Hookup Read Endpoint

• برنامه وب - نقطه پایانی به‌روزرسانی اتصال Web App - Hookup Update Endpoint

• برنامه وب - اتصال حذف نقطه پایانی Web App - Hookup Delete Endpoint

• برنامه وب صفحه بندی کامل - قسمت 1 Full Pagination Web App - Part 1

• برنامه وب صفحه بندی کامل - قسمت 2 Full Pagination Web App - Part 2

• خلاصه بخش توابع Firebase Firebase Functions Section Summary

توابع Firebase Firebase Functions

• توابع Firebase - تصویر بزرگ Firebase Functions - BIG PICTURE

• ایجاد و استقرار اولین تابع Firebase ما Create & Deploy Our First Firebase Function

• توابع کنسول Firebase Firebase Console Functions

• فایل پیکربندی Firebase برای توابع Firebase Config File for Functions

• راه اندازی فایل تابع Index.js Function Index.js File Setup

• تابع Firestore - onCreate Firestore Function - onCreate

• تابع Firestore - onDelete Firestore Function - onDelete

• تابع Firestore - onUpdate Firestore Function - onUpdate

• عملکرد برنامه ریزی شده (cronjob/crontab) - انتشار دستور غذا Scheduled (cronjob/crontab) Function - Publish Recipe

• توجه - Dependencies را نصب کنید NOTE - Install Dependencies

• Dependencies را نصب کنید Install Dependencies

• Express API Foundation Express API Foundation

• فایل Utilities.js Utilities.js File

• ایجاد (پست) دستور العمل اکسپرس نقطه پایانی Create (Post) Recipe Express Endpoint

• پستچی - تست پست پایانی Postman - Test Post Endpoint

• Recipe Express Endpoint - Part 1 را بخوانید (دریافت کنید). Read (Get) Recipe Express Endpoint - Part 1

• Recipe Express Endpoint - Part 2 را بخوانید (دریافت کنید). Read (Get) Recipe Express Endpoint - Part 2

• پستچی - تست دریافت نقطه پایانی Postman - Test Get Endpoint

• به روز رسانی (قرار دادن) دستور العمل اکسپرس نقطه پایانی Update (Put) Recipe Express Endpoint

• پستچی - Test Put Endpoint Postman - Test Put Endpoint

• Delete (Delete) Recipe Express Endpoint Delete (Delete) Recipe Express Endpoint

• پستچی - تست حذف نقطه پایانی Postman - Test Delete Endpoint

• توابع Firebase استقرار خودکار با اقدامات Github Firebase Functions Automatic Deploy with Github Actions

• راه اندازی محیط URL URL API API URL Environment Setup

• فایل جاوا اسکریپت FirebaseFirestoreRestService FirebaseFirestoreRestService JavaScript File

• ایجاد - فایل جاوا اسکریپت FirebaseFirestoreRestService Create - FirebaseFirestoreRestService JavaScript File

• خواندن - فایل جاوا اسکریپت FirebaseFirestoreRestService Read - FirebaseFirestoreRestService JavaScript File

• به روز رسانی - فایل جاوا اسکریپت FirebaseFirestoreRestService Update - FirebaseFirestoreRestService JavaScript File

• حذف - فایل جاوا اسکریپت FirebaseFirestoreRestService Delete - FirebaseFirestoreRestService JavaScript File

• برنامه وب - اتصال ایجاد نقطه پایانی Web App - Hookup Create Endpoint

• برنامه وب - نقطه پایانی خواندن اتصال Web App - Hookup Read Endpoint

• برنامه وب - نقطه پایانی به‌روزرسانی اتصال Web App - Hookup Update Endpoint

• برنامه وب - اتصال حذف نقطه پایانی Web App - Hookup Delete Endpoint

• برنامه وب صفحه بندی کامل - قسمت 1 Full Pagination Web App - Part 1

• برنامه وب صفحه بندی کامل - قسمت 2 Full Pagination Web App - Part 2

• خلاصه بخش توابع Firebase Firebase Functions Section Summary

به V9 ارتقا دهید Upgrade to V9

• BIG PICTURE - v9 ارتقا BIG PICTURE - v9 Upgrade

• ارتقاء نسخه 9 (سازگار با 5 دقیقه به عقب) v9 Upgrade (5 Minute Backwards Compatible)

• ارتقای انتقالی - FirebaseConfig Transitional Upgrade - FirebaseConfig

• v9 Auth Upgrade v9 Auth Upgrade

• v9 به روز رسانی Firestore v9 Firestore Upgrade

• ارتقای فضای ذخیره سازی v9 v9 Storage Upgrade

• پاکسازی و Firestore Lite Cleanup & Firestore Lite

• خلاصه بخش Section Summary

به V9 ارتقا دهید Upgrade to V9

• BIG PICTURE - v9 ارتقا BIG PICTURE - v9 Upgrade

• ارتقاء نسخه 9 (سازگار با 5 دقیقه به عقب) v9 Upgrade (5 Minute Backwards Compatible)

• ارتقای انتقالی - FirebaseConfig Transitional Upgrade - FirebaseConfig

• v9 Auth Upgrade v9 Auth Upgrade

• v9 به روز رسانی Firestore v9 Firestore Upgrade

• ارتقای فضای ذخیره سازی v9 v9 Storage Upgrade

• پاکسازی و Firestore Lite Cleanup & Firestore Lite

• خلاصه بخش Section Summary