آموزش با React، Redux و Firestore از ابتدا یک اپلیکیشن بسازید

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

معرفی دوره و شروع دوره Course introduction and getting started

• معرفی Introduction

• راه اندازی پروژه Setting up the project

• راه اندازی محیط توسعه دهنده Setting up the developer environment

• واکنش به محتوای پروژه React project contents

• واکنش به محتوای پروژه React project contents

• تعویض ماژول داغ Hot Module Replacement

• تعویض ماژول داغ Hot Module Replacement

• ساختار پوشه Folder structure

• ساختار پوشه Folder structure

• کنترل منبع Source control

• کنترل منبع Source control

• دارایی های دوره و کد منبع Course assets and source code

• دارایی های دوره و کد منبع Course assets and source code

معرفی دوره و شروع دوره Course introduction and getting started

• معرفی Introduction

• راه اندازی پروژه Setting up the project

• راه اندازی محیط توسعه دهنده Setting up the developer environment

به مفاهیم واکنش نشان دهید React concepts

• معرفی Introduction

• چرا واکنش نشان دهید Why React

• به مفاهیم واکنش نشان دهید React concepts

• معرفی JSX Intro to JSX

• معرفی JSX Intro to JSX

• ابزارهای React Dev React Dev tools

• ابزارهای React Dev React Dev tools

• تصمیمات اتخاذ شده در این دوره Decisions made on this course

• تصمیمات اتخاذ شده در این دوره Decisions made on this course

به مفاهیم واکنش نشان دهید React concepts

• معرفی Introduction

• چرا واکنش نشان دهید Why React

• به مفاهیم واکنش نشان دهید React concepts

فکر کردن در React Thinking in React

• معرفی Introduction

• تقسیم UI به اجزا Breaking up the UI into components

• تقسیم UI به اجزا Breaking up the UI into components

• معرفی رابط کاربری معنایی Intro to Semantic UI

• معرفی رابط کاربری معنایی Intro to Semantic UI

• ساختن اولین جزء ما Building our first component

• ساختن اولین جزء ما Building our first component

• صادرات و واردات Exports and imports

• نوار ناوبری و یک ظاهر طراحی شده Navigation bar and styling

• نوار ناوبری و یک ظاهر طراحی شده Navigation bar and styling

• موارد فهرست رویدادها Event List Items

• موارد فهرست رویدادها Event List Items

• ایجاد یک فرم رویداد Creating an Event Form

• انتقال لوازم به اجزای کودک Passing props down to child components

• انتقال لوازم به اجزای کودک Passing props down to child components

• حالت جزء واکنش React component state

• حالت جزء واکنش React component state

• خلاصه بخش 3 Summary of section 3

• خلاصه بخش 3 Summary of section 3

فکر کردن در React Thinking in React

• معرفی Introduction

• صادرات و واردات Exports and imports

• ایجاد یک فرم رویداد Creating an Event Form

عملیات CRUD در React CRUD Operations in React

• معرفی Introduction

• فرم های پایه در React Basic forms in React

• فرم های پایه در React Basic forms in React

• ایجاد یک رویداد Creating an event

• ایجاد یک رویداد Creating an event

• انتخاب یک رویداد برای خواندن Selecting an event to read

• انتخاب یک رویداد برای خواندن Selecting an event to read

• اجزای کنترل شده با کلید Controlled components with a key

• اجزای کنترل شده با کلید Controlled components with a key

• به روز رسانی یک رویداد Updating an event

• به روز رسانی یک رویداد Updating an event

• حذف یک رویداد Deleting an event

• اجزای کلاس React React class components

• خلاصه بخش 4 Summary of section 4

عملیات CRUD در React CRUD Operations in React

• معرفی Introduction

• اجزای کلاس React React class components

• خلاصه بخش 4 Summary of section 4

مسیریابی در React Routing in React

• معرفی Introduction

• افزودن برخی اجزای اضافی برای مسیریابی Adding some additional components to route to

• افزودن برخی اجزای اضافی برای مسیریابی Adding some additional components to route to

• پیکربندی مسیریابی Routing configuration

• با استفاده از NavLinks و Links Using NavLinks and Links

• با استفاده از NavLinks و Links Using NavLinks and Links

• یک ظاهر طراحی صفحه اصلی Home page styling

• افزودن منوها برای کاربران احراز هویت شده و احراز هویت نشده Adding menus for authenticated and unauthenticated users

• افزودن منوها برای کاربران احراز هویت شده و احراز هویت نشده Adding menus for authenticated and unauthenticated users

• افزودن احراز هویت جعلی Adding fake authentication

• افزودن احراز هویت جعلی Adding fake authentication

• با استفاده از قلاب useHistory Using the useHistory hook

• با استفاده از قلاب useHistory Using the useHistory hook

• ساختار صفحه جزئیات رویداد Event Detailed Page structure

• ساختار صفحه جزئیات رویداد Event Detailed Page structure

• محتوای صفحه جزئیات رویداد Event Detailed Page content

• محتوای صفحه جزئیات رویداد Event Detailed Page content

• پاک کردن کدهای استفاده نشده Cleaning up the unused code

• پاک کردن کدهای استفاده نشده Cleaning up the unused code

• خلاصه بخش 5 Summary of section 5

• خلاصه بخش 5 Summary of section 5

مسیریابی در React Routing in React

• معرفی Introduction

• پیکربندی مسیریابی Routing configuration

• یک ظاهر طراحی صفحه اصلی Home page styling

مقدمه ای بر Redux Introduction to Redux

• معرفی Introduction

• React-Redux React-Redux

• React-Redux React-Redux

• راه اندازی Redux Setting up Redux

• افزودن یک ناحیه sandbox برای آزمایش کد Adding a sandbox area for experimenting with the code

• افزودن یک ناحیه sandbox برای آزمایش کد Adding a sandbox area for experimenting with the code

• اقدامات Redux Redux Actions

• اکشن سازندگان Action Creators

• اکشن سازندگان Action Creators

• Redux Dev Tools Redux Dev Tools

• ایجاد کاهش دهنده رویداد Creating the event reducer

• RRF 6-9 ایجاد یک کاهنده ریشه RRF 6-9 Creating a root reducer

• RRF 6-9 ایجاد یک کاهنده ریشه RRF 6-9 Creating a root reducer

• دریافت رویدادها از فروشگاه redux Getting events from the redux store

• دریافت رویدادها از فروشگاه redux Getting events from the redux store

• ارسال اقدامات رویداد Dispatching event actions

• ارسال اقدامات رویداد Dispatching event actions

• پاک کردن Clean up

• پاک کردن Clean up

• به بالا بروید Scroll to top

• خلاصه بخش 6 Summary of section 6

مقدمه ای بر Redux Introduction to Redux

• معرفی Introduction

• راه اندازی Redux Setting up Redux

• اقدامات Redux Redux Actions

• Redux Dev Tools Redux Dev Tools

• ایجاد کاهش دهنده رویداد Creating the event reducer

• به بالا بروید Scroll to top

• خلاصه بخش 6 Summary of section 6

فرم ها بازبینی شدند Forms revisited

• معرفی Introduction

• راه اندازی Formik Setting up Formik

• فرمیک با کد کمتر Formik with less code

• اعتبار سنجی فرم Form validation

• ایجاد یک ورودی متنی قابل استفاده مجدد Creating a reusable text input

• در حال تمیز کردن فرم Cleaning up the form

• ایجاد یک ناحیه متنی قابل استفاده مجدد Creating a reusable text area

• ایجاد یک ناحیه متنی قابل استفاده مجدد Creating a reusable text area

• ایجاد یک ورودی انتخابی قابل استفاده مجدد Creating a reusable select input

• ایجاد یک ورودی تاریخ قابل استفاده مجدد Creating a reusable date input

• تاریخ-FNS Date-FNS

• لوازم فورمیک Formik props

• لوازم فورمیک Formik props

• مدال ها Modals

• اضافه کردن یک مدیر مدال Adding a Modal Manager

• ایجاد فرم ثبت نام Creating the sign up form

• افزودن کاهنده احراز هویت Adding an auth reducer

• افزودن کاهنده احراز هویت Adding an auth reducer

• وصل کردن فرم ثبت نام Hooking up the sign up form

• خلاصه بخش 7 Summary of section 7

فرم ها بازبینی شدند Forms revisited

• معرفی Introduction

• راه اندازی Formik Setting up Formik

• فرمیک با کد کمتر Formik with less code

• اعتبار سنجی فرم Form validation

• ایجاد یک ورودی متنی قابل استفاده مجدد Creating a reusable text input

• در حال تمیز کردن فرم Cleaning up the form

• ایجاد یک ورودی انتخابی قابل استفاده مجدد Creating a reusable select input

• ایجاد یک ورودی تاریخ قابل استفاده مجدد Creating a reusable date input

• تاریخ-FNS Date-FNS

• مدال ها Modals

• اضافه کردن یک مدیر مدال Adding a Modal Manager

• ایجاد فرم ثبت نام Creating the sign up form

• وصل کردن فرم ثبت نام Hooking up the sign up form

• خلاصه بخش 7 Summary of section 7

ادغام نقشه های گوگل Google maps integration

• معرفی Introduction

• دریافت کلیدهای Google API Getting the Google API keys

• راه اندازی مکان ها تکمیل خودکار Setting up places autocomplete

• ایجاد یک ورودی مکان سفارشی Creating a custom place input

• با استفاده از ورودی مکان Using the place input

• محدود کردن نتایج جستجوی ورودی مکان Narrowing the place input search results

• نقشه های گوگل واکنش نشان می دهند Google maps react

• نقشه های گوگل واکنش نشان می دهند Google maps react

• راه حل چالش Challenge solution

• افزودن نقشه به صفحه جزئیات رویداد Adding the map to the Event Detailed Page

• خلاصه بخش 8 Summary of section 8

• خلاصه بخش 8 Summary of section 8

ادغام نقشه های گوگل Google maps integration

• معرفی Introduction

• دریافت کلیدهای Google API Getting the Google API keys

• راه اندازی مکان ها تکمیل خودکار Setting up places autocomplete

• ایجاد یک ورودی مکان سفارشی Creating a custom place input

• با استفاده از ورودی مکان Using the place input

• محدود کردن نتایج جستجوی ورودی مکان Narrowing the place input search results

• راه حل چالش Challenge solution

• افزودن نقشه به صفحه جزئیات رویداد Adding the map to the Event Detailed Page

کد ناهمزمان Asynchronous code

• معرفی Introduction

• Redux Thunk 101 Redux Thunk 101

• Redux Thunk 102 Redux Thunk 102

• جداسازی نشانگرهای بارگذاری Isolating the loading indicators

• افزودن اعلان‌های نان تست Adding toast notifications

• افزودن یک API ساختگی Adding a mock API

• افزودن یک مؤلفه بارگذاری Adding a loading component

• افزودن یک مؤلفه بارگذاری Adding a loading component

• استفاده از متغیرهایی برای بهبود رابط کاربری Using placeholders to improve the UI

• استفاده از متغیرهایی برای بهبود رابط کاربری Using placeholders to improve the UI

• افزودن یک جزء فیلترهای رویداد Adding an event filters component

• افزودن یک جزء فیلترهای رویداد Adding an event filters component

• خلاصه بخش 9 Summary of section 9

کد ناهمزمان Asynchronous code

• معرفی Introduction

• Redux Thunk 101 Redux Thunk 101

• Redux Thunk 102 Redux Thunk 102

• جداسازی نشانگرهای بارگذاری Isolating the loading indicators

• افزودن اعلان‌های نان تست Adding toast notifications

• افزودن یک API ساختگی Adding a mock API

• خلاصه بخش 9 Summary of section 9

مقدمه ای بر Firestore Introduction to Firestore

• معرفی Introduction

• راه اندازی Firestore Setting up Firestore

• فیلدهای سند Firestore Firestore document fields

• فیلدهای سند Firestore Firestore document fields

• گوش دادن به داده های Firestore Listening to Firestore data

• شکل دادن به داده های Firestore Shaping the Firestore data

• شکل دادن به داده های Firestore Shaping the Firestore data

• بازیابی نشانگر بارگذاری Restoring the loading indicator

• ایجاد یک قلاب سفارشی Creating a custom hook

• ایجاد یک قلاب سفارشی Creating a custom hook

• افزودن قلاب useFirestoreDoc Adding a useFirestoreDoc hook

• رسیدگی به اسناد پیدا نشده Handling not found documents

• رسیدگی به اسناد پیدا نشده Handling not found documents

• افزودن مولفه خطا Adding an error component

• افزودن مولفه خطا Adding an error component

• ایجاد و به روز رسانی رویدادها در Firestore Creating and updating events in Firestore

• ایجاد و به روز رسانی رویدادها در Firestore Creating and updating events in Firestore

• ایجاد و به روز رسانی رویدادها در Firestore قسمت 2 Creating and updating events in Firestore part 2

• ایجاد و به روز رسانی رویدادها در Firestore قسمت 2 Creating and updating events in Firestore part 2

• حذف یک رویداد Deleting an event

• حذف یک رویداد Deleting an event

• لغو یک تابع رویداد Cancelling an event function

• لغو یک تابع رویداد Cancelling an event function

• افزودن یک درخواست تایید Adding a confirmation prompt

• افزودن یک درخواست تایید Adding a confirmation prompt

• خلاصه بخش 10 Summary of section 10

• خلاصه بخش 10 Summary of section 10

مقدمه ای بر Firestore Introduction to Firestore

• معرفی Introduction

• راه اندازی Firestore Setting up Firestore

• گوش دادن به داده های Firestore Listening to Firestore data

• بازیابی نشانگر بارگذاری Restoring the loading indicator

• افزودن قلاب useFirestoreDoc Adding a useFirestoreDoc hook

• حذف یک رویداد Deleting an event

احراز هویت Authentication

• معرفی Introduction

• ورود به سیستم در Logging in

• ورود به سیستم در Logging in

• تداوم ورود Persisting the login

• تداوم ورود Persisting the login

• خروج از سیستم کاربر Signing out the user

• ثبت کاربران جدید Registering new users

• ثبت کاربران جدید Registering new users

• رسیدگی به خطاهای احراز هویت Handling auth errors

• تنظیم داده های پروفایل کاربر Setting user profile data

• ایجاد یک جزء ورود به سیستم اجتماعی Creating a social login component

• ایجاد یک جزء ورود به سیستم اجتماعی Creating a social login component

• ورود به فیس بوک Facebook login

• ورود به فیس بوک Facebook login

• افزودن روش ورود به فیس بوک Adding the facebook login method

• افزودن روش ورود به فیس بوک Adding the facebook login method

• افزودن ورود به گوگل Adding Google login

• افزودن صفحه حساب Adding an account page

• افزودن اطلاعات کاربر اضافی به کاهش دهنده احراز هویت Adding additional user info into the auth reducer

• اضافه کردن یک تابع تغییر رمز عبور Adding a password change function

• اضافه کردن یک تابع تغییر رمز عبور Adding a password change function

• مقداردهی اولیه برنامه App initialization

• مقداردهی اولیه برنامه App initialization

• خلاصه بخش 11 Summary of section 11

• خلاصه بخش 11 Summary of section 11

احراز هویت Authentication

• معرفی Introduction

• خروج از سیستم کاربر Signing out the user

• رسیدگی به خطاهای احراز هویت Handling auth errors

• تنظیم داده های پروفایل کاربر Setting user profile data

• افزودن ورود به گوگل Adding Google login

• افزودن صفحه حساب Adding an account page

• افزودن اطلاعات کاربر اضافی به کاهش دهنده احراز هویت Adding additional user info into the auth reducer

پروفایل های کاربر User profiles

• معرفی Introduction

• افزودن صفحه نمایه Adding a profile page

• افزودن محتوای پروفایل Adding the profile content

• افزودن محتوای پروفایل Adding the profile content

• ایجاد اکشن های redux Creating the redux actions

• اتصال صفحه نمایه به فروشگاه Connecting the profile page to the store

• افزودن یک صفحه درباره Adding an about page

• افزودن یک صفحه درباره Adding an about page

• افزودن فرم پروفایل Adding the profile form

• افزودن فرم پروفایل Adding the profile form

• افزودن اقدامات کاربر به روز رسانی Adding the update user actions

• راه اندازی برنامه با نمایه کاربر فعلی Initializing the app with the current user profile

• انتخاب سایر پروفایل های کاربر Selecting other user profiles

• انتخاب سایر پروفایل های کاربر Selecting other user profiles

• خلاصه بخش 12 Summary of section 12

پروفایل های کاربر User profiles

• معرفی Introduction

• افزودن صفحه نمایه Adding a profile page

• ایجاد اکشن های redux Creating the redux actions

• اتصال صفحه نمایه به فروشگاه Connecting the profile page to the store

• افزودن اقدامات کاربر به روز رسانی Adding the update user actions

• راه اندازی برنامه با نمایه کاربر فعلی Initializing the app with the current user profile

• خلاصه بخش 12 Summary of section 12

آپلود تصویر Image upload

• معرفی Introduction

• افزودن صفحه عکس پروفایل Adding a profile photos page

• افزودن صفحه عکس پروفایل Adding a profile photos page

• افزودن ویجت آپلود عکس Adding a photo upload widget

• افزودن ویجت آپلود عکس Adding a photo upload widget

• React dropzone React dropzone

• برش دهنده واکنش نشان می دهد React cropper

• افزودن روش آپلود تصویر Adding an upload image method

• با استفاده از روش آپلود در ویجت Using the upload method in the widget

• با استفاده از روش آپلود در ویجت Using the upload method in the widget

• نمایش تصاویر Displaying the images

• تنظیم عکس اصلی Setting the main photo

• حذف یک عکس Deleting a photo

• خلاصه بخش 13 Summary of section 13

• خلاصه بخش 13 Summary of section 13

آپلود تصویر Image upload

• معرفی Introduction

• React dropzone React dropzone

• برش دهنده واکنش نشان می دهد React cropper

• افزودن روش آپلود تصویر Adding an upload image method

• نمایش تصاویر Displaying the images

• تنظیم عکس اصلی Setting the main photo

• حذف یک عکس Deleting a photo

روابط فایرستور Firestore relationships

• معرفی Introduction

• طراحی پایگاه داده Firestore Firestore Database design

• طراحی پایگاه داده Firestore Firestore Database design

• اضافه کردن تعداد حضور در یک رویداد Adding attendances to an event

• اضافه کردن تعداد حضور در یک رویداد Adding attendances to an event

• تنظیم هدر جزئیات رویداد Setting up the event detailed header

• افزودن کنترل کننده رویداد join Adding the join event handler

• لغو حضور کاربر Cancelling a user attendance

• افزودن پیوندهای ناوبری کاربر Adding the user nav links

• افزودن قابلیت فیلتر Adding the filter functionality

• افزودن قابلیت فیلتر Adding the filter functionality

• دریافت داده های فیلتر شده Getting the filtered data

• افزودن فیلترهای رویداد کاربر Adding the user event filters

• افزودن فیلترهای رویداد کاربر Adding the user event filters

• افزودن پرس و جو رویداد کاربر Adding the user event query

• افزودن اقدامات نمایه برای رویدادهای کاربر Adding profile actions for user events

• خلاصه بخش 14 Summary of section 14

روابط فایرستور Firestore relationships

• معرفی Introduction

• تنظیم هدر جزئیات رویداد Setting up the event detailed header

• افزودن کنترل کننده رویداد join Adding the join event handler

• لغو حضور کاربر Cancelling a user attendance

• افزودن پیوندهای ناوبری کاربر Adding the user nav links

• دریافت داده های فیلتر شده Getting the filtered data

• افزودن پرس و جو رویداد کاربر Adding the user event query

• افزودن اقدامات نمایه برای رویدادهای کاربر Adding profile actions for user events

• خلاصه بخش 14 Summary of section 14

افزودن چت با Firebase Adding chat with Firebase

• معرفی Introduction

• راه اندازی firebase Setting up firebase

• راه اندازی فرم چت Setting up the chat form

• گوش دادن به داده های چت Listening to the chat data

• نمایش نظرات Displaying the comments

• نمایش نظرات Displaying the comments

• بهبود رابط کاربری چت Improving the chat UI

• پاک کردن نظرات چت Clearing the chat comments

• پاک کردن نظرات چت Clearing the chat comments

• افزودن قابلیت پاسخ Adding the reply functionality

• نمایش پاسخ ها Displaying the replies

• خلاصه بخش 15 Summary of section 15

افزودن چت با Firebase Adding chat with Firebase

• معرفی Introduction

• راه اندازی firebase Setting up firebase

• راه اندازی فرم چت Setting up the chat form

• گوش دادن به داده های چت Listening to the chat data

• بهبود رابط کاربری چت Improving the chat UI

• افزودن قابلیت پاسخ Adding the reply functionality

• نمایش پاسخ ها Displaying the replies

• خلاصه بخش 15 Summary of section 15

افزودن ویژگی فالوور/فالوور Adding a following / followers feature

• معرفی Introduction

• افزودن توابع firestore Adding the firestore functions

• افزودن توابع firestore Adding the firestore functions

• لغو فالو کردن یک کاربر Unfollow a user

• لغو فالو کردن یک کاربر Unfollow a user

• گوش دادن به داده های زیر Listening to the following data

• گوش دادن به داده های زیر Listening to the following data

• افزودن اجزای زیر Adding the following components

• گوش دادن به داده های دنبال کنندگان Listening to the followers data

• گوش دادن به داده های دنبال کنندگان Listening to the followers data

• در حال به روز رسانی تعداد زیر Updating the following count

• در حال به روز رسانی تعداد زیر Updating the following count

• در حال به روز رسانی وضعیت کاربری زیر Updating the following user status

• در حال به روز رسانی وضعیت کاربری زیر Updating the following user status

• پاک کردن موارد زیر Clearing the followings

• دسته های آتش نشانی Firestore batches

• دسته های آتش نشانی Firestore batches

• دسته های فایر استور قسمت 2 Firestore batches part 2

• دسته های فایر استور قسمت 2 Firestore batches part 2

• معرفی توابع ابری Cloud functions introduction

• معرفی توابع ابری Cloud functions introduction

• راه اندازی توابع ابری Setting up cloud functions

• ایجاد توابع ابری خودمان Creating our own cloud functions

• ایجاد توابع ابری خودمان Creating our own cloud functions

• گزارش توابع Firebase Firebase functions logs

• ایجاد یک فید خبری شخصی Creating a personalized news feed

• افزودن توابع برای فید Adding functions for the feed

• گوش دادن به فید خبری Listening to the news feed

• نمایش رویدادهای فید خبری Displaying the news feed events

• نمایش رویدادهای فید خبری Displaying the news feed events

• خلاصه بخش 16 Summary of section 16

افزودن ویژگی فالوور/فالوور Adding a following / followers feature

• معرفی Introduction

• افزودن اجزای زیر Adding the following components

• پاک کردن موارد زیر Clearing the followings

• راه اندازی توابع ابری Setting up cloud functions

• گزارش توابع Firebase Firebase functions logs

• ایجاد یک فید خبری شخصی Creating a personalized news feed

• افزودن توابع برای فید Adding functions for the feed

• گوش دادن به فید خبری Listening to the news feed

• خلاصه بخش 16 Summary of section 16

صفحه بندی و سازگاری داده ها Pagination and data consistency

• معرفی Introduction

• پیاده سازی صفحه بندی Implementing pagination

• پیاده سازی صفحه بندی Implementing pagination

• بهبود رابط کاربری صفحه بندی Improving the paging UI

• بهبود رابط کاربری صفحه بندی Improving the paging UI

• اسکرول بی نهایت Infinite scroll

• اسکرول بی نهایت Infinite scroll

• تعمیر صفحه جزئیات رویداد Fixing the event detailed page

• رفع فیلترهای رویداد Fixing the event filters

• برخورد با داده های تکراری Dealing with duplicate data

• برخورد با داده های تکراری Dealing with duplicate data

• پیاده سازی سازگاری داده ها Implementing data consistency

• پیاده سازی سازگاری داده ها Implementing data consistency

• به روز رسانی قوانین امنیتی Updating security rules

• خلاصه بخش 17 Summary of section 17

• خلاصه بخش 17 Summary of section 17

صفحه بندی و سازگاری داده ها Pagination and data consistency

• معرفی Introduction

• تعمیر صفحه جزئیات رویداد Fixing the event detailed page

• رفع فیلترهای رویداد Fixing the event filters

• به روز رسانی قوانین امنیتی Updating security rules

ایمن سازی اپلیکیشن Securing the application

• معرفی Introduction

• معرفی Introduction

• بررسی دسترسی ناشناس Checking anonymous access

• ایجاد یک مدال برای ورود سریع Creating a modal to prompt login

• ایجاد یک مسیر خصوصی Creating a private route

• اتصال روتر به فروشگاه Connecting the router to the store

• اتصال روتر به فروشگاه Connecting the router to the store

• تغییر مسیر کاربر با روتر متصل Redirecting the user with connected router

• تغییر مسیر کاربر با روتر متصل Redirecting the user with connected router

• نمایش مدال روی کلیک Showing the modal on click

• نمایش مدال روی کلیک Showing the modal on click

• بیشتر در مورد قوانین امنیتی Firestore More on Firestore security rules

• بیشتر در مورد قوانین امنیتی Firestore More on Firestore security rules

• محدود کردن استفاده از کلید API Restricting API Key usage

• محدود کردن استفاده از کلید API Restricting API Key usage

• خلاصه بخش 18 Summary of section 18

• خلاصه بخش 18 Summary of section 18

ایمن سازی اپلیکیشن Securing the application

• معرفی Introduction

• بررسی دسترسی ناشناس Checking anonymous access

• ایجاد یک مدال برای ورود سریع Creating a modal to prompt login

• ایجاد یک مسیر خصوصی Creating a private route

بهینه سازی و انتشار اپلیکیشن Optimizing and publishing the app

• معرفی Introduction

• معرفی Introduction

• بهینه سازی رویدادها Optimizing the events

• بهینه سازی رویدادها قسمت 2 Optimizing the events part 2

• بهینه سازی پروفایل ها Optimizing the profiles

• ساخت اپلیکیشن Building the application

• کارگر خدمات Service worker

• کارگر خدمات Service worker

• در حال انتشار برنامه ما در Firebase Publishing our app to Firebase

• حل مشکلات برنامه و استقرار مجدد Resolving issues with the app and redeploying

• حل مشکلات برنامه و استقرار مجدد Resolving issues with the app and redeploying

• خلاصه پایان دوره End of course summary

بهینه سازی و انتشار اپلیکیشن Optimizing and publishing the app

• معرفی Introduction

• بهینه سازی رویدادها Optimizing the events

• بهینه سازی رویدادها قسمت 2 Optimizing the events part 2

• بهینه سازی پروفایل ها Optimizing the profiles

• ساخت اپلیکیشن Building the application

• در حال انتشار برنامه ما در Firebase Publishing our app to Firebase

• خلاصه پایان دوره End of course summary

به روز رسانی اکتبر 2021 - React 17 & Firebase v9 Update Oct 2021 - React 17 & Firebase v9

• به روز رسانی بسته های Node Module به آخرین نسخه ها Updating the Node Module packages to latest versions

• به روز رسانی بسته های Node Module به آخرین نسخه ها Updating the Node Module packages to latest versions

• به روز رسانی متدهای Firestore و Firebase با واردات مدولار جدید Updating the Firestore and Firebase methods with the new modular imports

به روز رسانی اکتبر 2021 - React 17 & Firebase v9 Update Oct 2021 - React 17 & Firebase v9

• به روز رسانی متدهای Firestore و Firebase با واردات مدولار جدید Updating the Firestore and Firebase methods with the new modular imports

محتوای قدیمی Legacy content

• کجا می توان به محتوای قدیمی دسترسی داشت Where to access legacy content

• کجا می توان به محتوای قدیمی دسترسی داشت Where to access legacy content

محتوای قدیمی Legacy content