آموزش تسلط بر React With Interview Questions، eStore Project-2023

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

React Fundamentals React Fundamentals

• معرفی Introduction

• معرفی Introduction

• React اعلامی است React Is Declarative

• React اعلامی است React Is Declarative

• معماری مبتنی بر مولفه Component Based Architecture

• معماری مبتنی بر مولفه Component Based Architecture

• ایجاد و درک معماری پروژه React Creating & Understanding React Project Architecture

• ایجاد و درک معماری پروژه React Creating & Understanding React Project Architecture

• npm در مقابل npx npm vs. npx

• npm در مقابل npx npm vs. npx

• React 18 - خداحافظ ReactDOM.render() React 18 - Goodbye ReactDOM.render()

• React 18 - خداحافظ ReactDOM.render() React 18 - Goodbye ReactDOM.render()

• React 18 - مهاجرت از نسخه 17 به نسخه 18 React 18 - Migrating from v17 to v18

• React 18 - مهاجرت از نسخه 17 به نسخه 18 React 18 - Migrating from v17 to v18

• "props" تخریب "props" Destructuring

• "props" تخریب "props" Destructuring

• مفهوم State & useState() Hook Concept of State & useState() Hook

• مفهوم State & useState() Hook Concept of State & useState() Hook

• حالت اولیه تنبل Lazy Initial State

• حالت اولیه تنبل Lazy Initial State

• مدیریت رویداد پایه و پاس کردن پارامتر Basic Event Handling & Parameter Passing

• مدیریت رویداد پایه و پاس کردن پارامتر Basic Event Handling & Parameter Passing

• استفاده از استایل خارجی و درون خطی Applying External & Inline Styling

• استفاده از استایل خارجی و درون خطی Applying External & Inline Styling

• JSX - در عمق JSX - In-depth

• JSX - در عمق JSX - In-depth

• تبدیل JSX جدید New JSX Transform

• تبدیل JSX جدید New JSX Transform

• انواع اولیه و شیء تحت اللفظی با useState() Primitive Types & Object Literal with useState()

• انواع اولیه و شیء تحت اللفظی با useState() Primitive Types & Object Literal with useState()

• مبانی اجزای کلاس Class Component Basics

• مبانی اجزای کلاس Class Component Basics

• به روز رسانی "state" کامپوننت کلاس با setState() Class Component "state" update with setState()

• به روز رسانی "state" کامپوننت کلاس با setState() Class Component "state" update with setState()

• مبانی روشهای چرخه حیات مؤلفه Component Lifecycle Methods Basics

• مبانی روشهای چرخه حیات مؤلفه Component Lifecycle Methods Basics

• useEffect() - ایجاد یک ساعت دیجیتال با استفاده از useEffect() useEffect() - Creating A Digital Clock Using useEffect()

• useEffect() - ایجاد یک ساعت دیجیتال با استفاده از useEffect() useEffect() - Creating A Digital Clock Using useEffect()

• useEffect() حالت های چندگانه و افکت های پرش برای بهینه سازی useEffect() Multiple States & Skipping Effects For Optimization

• useEffect() حالت های چندگانه و افکت های پرش برای بهینه سازی useEffect() Multiple States & Skipping Effects For Optimization

• رندر شرطی - پاکسازی یک افکت Conditional Rendering - Cleaning Up An Effect

• رندر شرطی - پاکسازی یک افکت Conditional Rendering - Cleaning Up An Effect

• "ref" - روش قدیمی تر "ref" - The Older way

• "ref" - روش قدیمی تر "ref" - The Older way

• متد React.createRef(). React.createRef() method

• متد React.createRef(). React.createRef() method

• قلاب useRef(). useRef() hook

• قلاب useRef(). useRef() hook

• React.memo() & useCallback() قلاب React.memo() & useCallback() hook

• React.memo() & useCallback() قلاب React.memo() & useCallback() hook

React Fundamentals React Fundamentals

فهرست و کلیدها List & Keys

• معرفی Introduction

• معرفی Introduction

• متد map(). map() method

• متد map(). map() method

• رندر آرایه رشته ای String Array Rendering

• رندر آرایه رشته ای String Array Rendering

• کلیدها Keys

• کلیدها Keys

• کلیدهای ثابت ثابت Fixed Stable Keys

• کلیدهای ثابت ثابت Fixed Stable Keys

• لیست با یک جزء List With A Component

• لیست با یک جزء List With A Component

• جاسازی نقشه() در JSX Embedding map() In JSX

• جاسازی نقشه() در JSX Embedding map() In JSX

فهرست و کلیدها List & Keys

"props" و JSX - در عمق "props" & JSX - In Depth

• معرفی Introduction

• معرفی Introduction

• اصطلاحات بیان و رشته Expression & String Literals

• اصطلاحات بیان و رشته Expression & String Literals

• "props" به طور پیش فرض True است "props" default to True

• "props" به طور پیش فرض True است "props" default to True

• Spread Attributes Spread Attributes

• Spread Attributes Spread Attributes

• لوازم.اموال کودکان props.children property

• لوازم.اموال کودکان props.children property

• <React.Fragment> <React.Fragment>

• <React.Fragment> <React.Fragment>

"props" و JSX - در عمق "props" & JSX - In Depth

مدیریت رویداد - در عمق Event Handling - In-Depth

• مدیریت رویداد - معرفی عمیق Event Handling - In-depth Introduction

• مدیریت رویداد - معرفی عمیق Event Handling - In-depth Introduction

• خلاصه فوری ضروری - رویدادها Quick Essential Recap - Events

• خلاصه فوری ضروری - رویدادها Quick Essential Recap - Events

• SyntheticEvent SyntheticEvent

• SyntheticEvent SyntheticEvent

• رویداد ورودی - جعبه متن Input Event - Textbox

• رویداد ورودی - جعبه متن Input Event - Textbox

• preventDefault - جلوگیری از رفتار پیش فرض preventDefault - Preventing default behavior

• preventDefault - جلوگیری از رفتار پیش فرض preventDefault - Preventing default behavior

• <form> با چند حالت <form> with Multiple States

• <form> با چند حالت <form> with Multiple States

• <form> - حالت ها به عنوان شی <form> - States as Object

• <form> - حالت ها به عنوان شی <form> - States as Object

• کنترل کننده رویداد تنها با استفاده از کلید پویا Single Event Handler Using Dynamic Key

• کنترل کننده رویداد تنها با استفاده از کلید پویا Single Event Handler Using Dynamic Key

• به روز رسانی عملکردی - روش صحیح Functional Update - The Correct Way

• به روز رسانی عملکردی - روش صحیح Functional Update - The Correct Way

• کادر انتخاب یا رادیو - فیلدهای ورودی Checkbox or Radio - Input fields

• کادر انتخاب یا رادیو - فیلدهای ورودی Checkbox or Radio - Input fields

مدیریت رویداد - در عمق Event Handling - In-Depth

رندر شرطی - در عمق Conditional Rendering - In-Depth

• معرفی Introduction

• معرفی Introduction

• رندر شرطی با if...else… Conditional Rendering with if...else…

• رندر شرطی با if...else… Conditional Rendering with if...else…

• درون خطی if-else [ شرط؟ درست غلط] Inline if-else [ condition? true: false]

• درون خطی if-else [ شرط؟ درست غلط] Inline if-else [ condition? true: false]

• JSX - متغیر عنصر JSX - Element Variable

• JSX - متغیر عنصر JSX - Element Variable

• سوئیچ... مورد… switch...case…

• سوئیچ... مورد… switch...case…

• منطقی و اپراتور Logical && Operator

• منطقی و اپراتور Logical && Operator

رندر شرطی - در عمق Conditional Rendering - In-Depth

روتر React نسخه 6 [SPA-Single Page Application] React Router Version 6 [SPA-Single Page Application]

• MPA در مقابل SPA MPA vs. SPA

• MPA در مقابل SPA MPA vs. SPA

• تعریف مسیرها Defining Routes

• تعریف مسیرها Defining Routes

• قالب بندی منو Menu Formatting

• قالب بندی منو Menu Formatting

• URL در مقابل مسیرها و تنظیم صفحه پیش فرض URL Vs. Routes & Default Page Setup

• URL در مقابل مسیرها و تنظیم صفحه پیش فرض URL Vs. Routes & Default Page Setup

• مسیرهای پویا - قلاب useParams(). Dynamic Routes - useParams() hook

• مسیرهای پویا - قلاب useParams(). Dynamic Routes - useParams() hook

• مسیرهای تودرتو - <Outlet/> Nested Routes - <Outlet/>

• مسیرهای تودرتو - <Outlet/> Nested Routes - <Outlet/>

• صفحه یافت نشد (404) Not Found Page (404)

• صفحه یافت نشد (404) Not Found Page (404)

• ویژگی شاخص - ارجاع به مسیر والد index Attribute - Referring The Parent Route

• ویژگی شاخص - ارجاع به مسیر والد index Attribute - Referring The Parent Route

• داده های محصولات پویا - useState() و پیکربندی مسیر Dynamic Products Data - useState() & route Configuration

• داده های محصولات پویا - useState() و پیکربندی مسیر Dynamic Products Data - useState() & route Configuration

• قلاب context & useOutletContext() - انتقال داده به مؤلفه فرزند context & useOutletContext() hook - Passing Data To Child Component

• قلاب context & useOutletContext() - انتقال داده به مؤلفه فرزند context & useOutletContext() hook - Passing Data To Child Component

• قلاب "state" & useLocation() - روش صحیح به اشتراک گذاری داده ها "state" & useLocation() hook - The Correct Way Of Data Sharing

• قلاب "state" & useLocation() - روش صحیح به اشتراک گذاری داده ها "state" & useLocation() hook - The Correct Way Of Data Sharing

• بهبود رابط Improvizing The Interface

• بهبود رابط Improvizing The Interface

• قلاب useRoutes() - جاوا اسکریپت به جای JSX useRoutes() hook - Javascript instead of JSX

• قلاب useRoutes() - جاوا اسکریپت به جای JSX useRoutes() hook - Javascript instead of JSX

• NavLink - برای استایل بهتر NavLink - For Better Styling

• NavLink - برای استایل بهتر NavLink - For Better Styling

• <Navigate> برای تغییر مسیر <Navigate> To Redirect

• <Navigate> برای تغییر مسیر <Navigate> To Redirect

• قلاب useNavigate(). useNavigate() hook

• قلاب useNavigate(). useNavigate() hook

روتر React نسخه 6 [SPA-Single Page Application] React Router Version 6 [SPA-Single Page Application]

(قدیمی) نسخه 5 - React Router [SPA-Single Page Application] (Older) Version 5 - React Router [SPA-Single Page Application]

• اصول برنامه چند صفحه ای (MPA)/برنامه تک صفحه ای (SPA). Multi-page Application(MPA)/Single-page Application(SPA) Basics

• اصول برنامه چند صفحه ای (MPA)/برنامه تک صفحه ای (SPA). Multi-page Application(MPA)/Single-page Application(SPA) Basics

• تعریف مسیرها Defining Routes

• تعریف مسیرها Defining Routes

• Route Matchs - <Switch> & exact Route Matchers - <Switch> & exact

• Route Matchs - <Switch> & exact Route Matchers - <Switch> & exact

• پارامترهای مسیر و مسیرهای پویا با قلاب useParams Route Parameters & Dynamic Routes with useParams hook

• پارامترهای مسیر و مسیرهای پویا با قلاب useParams Route Parameters & Dynamic Routes with useParams hook

• مسیر تودرتو، شیء مطابقت و قلاب useRouteMatch(). Nested Route, match object & useRouteMatch() hook

• مسیر تودرتو، شیء مطابقت و قلاب useRouteMatch(). Nested Route, match object & useRouteMatch() hook

• تغییر مسیر Redirect

• تغییر مسیر Redirect

• NoMatch(404) NoMatch(404)

• NoMatch(404) NoMatch(404)

• <NavLink> در مقابل. <پیوند> <NavLink> Vs. <Link>

• <NavLink> در مقابل. <پیوند> <NavLink> Vs. <Link>

• قلاب useHistory(). useHistory() hook

• قلاب useHistory(). useHistory() hook

• جلوگیری از ناوبری - <Prompt> Preventing Navigation - <Prompt>

• جلوگیری از ناوبری - <Prompt> Preventing Navigation - <Prompt>

• پارامترهای پرس و جو Query Parameters

• پارامترهای پرس و جو Query Parameters

(قدیمی) نسخه 5 - React Router [SPA-Single Page Application] (Older) Version 5 - React Router [SPA-Single Page Application]

Context API Context API

• حفاری "پایه". “prop” drilling

• حفاری "پایه". “prop” drilling

• مرحله اول - همه در App.js First Step - All in App.js

• مرحله اول - همه در App.js First Step - All in App.js

• ایجاد جزء سبد خرید و کل Creating Cart & Total component

• ایجاد جزء سبد خرید و کل Creating Cart & Total component

• context API - پیاده سازی context API - Implementation

• context API - پیاده سازی context API - Implementation

• useContext() - مصرف کننده جدید و بهتر! useContext() - New & Better Consumer!

• useContext() - مصرف کننده جدید و بهتر! useContext() - New & Better Consumer!

Context API Context API

Redux Redux

• Redux - مقدمه Redux - Introduction

• Redux - مقدمه Redux - Introduction

• راه اندازی برنامه redux-demo Setting-up the redux-demo Application

• راه اندازی برنامه redux-demo Setting-up the redux-demo Application

• ایجاد فروشگاه و کاهش دهنده جهانی Creating Global Store & Reducer

• ایجاد فروشگاه و کاهش دهنده جهانی Creating Global Store & Reducer

• ارائه فروشگاه با ارائه دهنده Providing store with Provider

• ارائه فروشگاه با ارائه دهنده Providing store with Provider

• قلاب useSelector(). useSelector() hook

• قلاب useSelector(). useSelector() hook

• قلاب useDispatch(). useDispatch() hook

• قلاب useDispatch(). useDispatch() hook

• Class Component - دسترسی به فروشگاه در جزء کلاس Class Component - Accessing store in class component

• Class Component - دسترسی به فروشگاه در جزء کلاس Class Component - Accessing store in class component

• Action Creator & Event Dispatching (جزء کلاس) Action Creator & Event Dispatching (Class Component)

• Action Creator & Event Dispatching (جزء کلاس) Action Creator & Event Dispatching (Class Component)

• حذف مورد سبد خرید Delete Cart Item

• حذف مورد سبد خرید Delete Cart Item

• ترکیب کاهنده ها قسمت 1 Combine Reducers Part-1

• ترکیب کاهنده ها قسمت 1 Combine Reducers Part-1

• بخش 2 کاهش دهنده ها را ترکیب کنید Combine Reducers Part-2

• بخش 2 کاهش دهنده ها را ترکیب کنید Combine Reducers Part-2

• ثابت های نوع عمل Action Type Constants

• ثابت های نوع عمل Action Type Constants

Redux Redux

Redux ناهمزمان Asynchronous Redux

• چرا Redux ناهمزمان؟ Why Asynchronous Redux ?

• چرا Redux ناهمزمان؟ Why Asynchronous Redux ?

• Action Creator - validateUser() Action Creator - validateUser()

• Action Creator - validateUser() Action Creator - validateUser()

• redux-thunk redux-thunk

• redux-thunk redux-thunk

Redux ناهمزمان Asynchronous Redux

Redux Toolkit (RTK) - Redux مدرن Redux Toolkit (RTK) - Modern Redux

• Redux Toolkit (RTK) - مقدمه و نصب Redux Toolkit(RTK) - Introduction & Installation

• Redux Toolkit (RTK) - مقدمه و نصب Redux Toolkit(RTK) - Introduction & Installation

• ایجاد Slice Creating Slice

• ایجاد Slice Creating Slice

• configureStore() - ایجاد فروشگاه configureStore() - Store creation

• configureStore() - ایجاد فروشگاه configureStore() - Store creation

• اقدامات ارسال - راه RTK Dispatching Actions - The RTK way

• اقدامات ارسال - راه RTK Dispatching Actions - The RTK way

• thunk - ناهمزمان thunk - Asynchronous

• thunk - ناهمزمان thunk - Asynchronous

Redux Toolkit (RTK) - Redux مدرن Redux Toolkit (RTK) - Modern Redux

رسیدگی به درخواست های Http Handling Http Requests

• درخواست های Http - مقدمه Http Requests - Introduction

• درخواست های Http - مقدمه Http Requests - Introduction

• واکشی Api - Refresher fetch Api - Refresher

• واکشی Api - Refresher fetch Api - Refresher

• واکشی داده ها Fetching Data

• واکشی داده ها Fetching Data

• نمایش داده های کاربران Displaying Users Data

• نمایش داده های کاربران Displaying Users Data

• ایجاد کامپوننت - کاربران/کارها Creating Components - Users/Todos

• ایجاد کامپوننت - کاربران/کارها Creating Components - Users/Todos

• اجرای رندر شرطی Conditional Rendering Implementation

• اجرای رندر شرطی Conditional Rendering Implementation

• رسیدگی به خطا Error Handling

• رسیدگی به خطا Error Handling

رسیدگی به درخواست های Http Handling Http Requests

قلاب های سفارشی Custom Hooks

• قوانین قلاب Rules Of Hooks

• قوانین قلاب Rules Of Hooks

• قلاب های سفارشی Custom Hooks

• قلاب های سفارشی Custom Hooks

• واکشی داده ها با استفاده از قلاب های سفارشی Fetching Data Using Custom Hooks

• واکشی داده ها با استفاده از قلاب های سفارشی Fetching Data Using Custom Hooks

قلاب های سفارشی Custom Hooks

با TypeScript واکنش نشان دهید React with TypeScript

• معرفی Introduction

• معرفی Introduction

• نصب کامپایلر TypeScript Installing TypeScript Compiler

• نصب کامپایلر TypeScript Installing TypeScript Compiler

• متغیرها و انواع داده ها Variables & Datatypes

• متغیرها و انواع داده ها Variables & Datatypes

• Annotation & Inference را تایپ کنید Type Annotation & Inference

• Annotation & Inference را تایپ کنید Type Annotation & Inference

• ایجاد پروژه React & TypeScript Creating React & TypeScript Project

• ایجاد پروژه React & TypeScript Creating React & TypeScript Project

• React.FC - TypeScript FunctionalComponent React.FC - TypeScript FunctionalComponent

• React.FC - TypeScript FunctionalComponent React.FC - TypeScript FunctionalComponent

• رابط و ویژگی های اختیاری Interface & Optional Attributes

• رابط و ویژگی های اختیاری Interface & Optional Attributes

• useState() با TypeScript useState() with TypeScript

• useState() با TypeScript useState() with TypeScript

• onClick - مدیریت رویداد با TypeScript onClick - Event Handling with TypeScript

• onClick - مدیریت رویداد با TypeScript onClick - Event Handling with TypeScript

• onChange - Event Handling با TypeScript onChange - EventHandling with TypeScript

• onChange - Event Handling با TypeScript onChange - EventHandling with TypeScript

• <انتخاب> - کار با بازشو <select> - Working with Dropdown

• <انتخاب> - کار با بازشو <select> - Working with Dropdown

• useRef() با TypeScript useRef() with TypeScript

• useRef() با TypeScript useRef() with TypeScript

با TypeScript واکنش نشان دهید React with TypeScript

تست خودکار در React Automated Testing in React

• مقدمه ای بر تست خودکار Introduction to Automated Testing

• مقدمه ای بر تست خودکار Introduction to Automated Testing

• انواع تست های خودکار Types of Automated Tests

• انواع تست های خودکار Types of Automated Tests

• جست در مقابل آنزیم Jest Vs. Enzyme

• جست در مقابل آنزیم Jest Vs. Enzyme

• React Project & Testing - First Step React Project & Testing - First Step

• React Project & Testing - First Step React Project & Testing - First Step

• درک TDD - توسعه آزمایش محور Understanding TDD - Test Driven Development

• درک TDD - توسعه آزمایش محور Understanding TDD - Test Driven Development

• شروع آزمون عملی Beginning Practical Test

• شروع آزمون عملی Beginning Practical Test

• getByTestId() و data-testid getByTestId() and data-testid

• getByTestId() و data-testid getByTestId() and data-testid

• تست کلیک روی دکمه - fireEvent Button Click Test - fireEvent

• تست کلیک روی دکمه - fireEvent Button Click Test - fireEvent

• userEvent در مقابل. آتش رویداد userEvent Vs. fireEvent

• userEvent در مقابل. آتش رویداد userEvent Vs. fireEvent

• تطبیق - toBe() یا not.toBe() و بیشتر... Matchers - toBe() or not.toBe() & more...

• تطبیق - toBe() یا not.toBe() و بیشتر... Matchers - toBe() or not.toBe() & more...

• تست با عنصر ورودی Test with input element

• تست با عنصر ورودی Test with input element

• حل مشکل تغییر ورودی Resolving Input Change Issue

• حل مشکل تغییر ورودی Resolving Input Change Issue

• تست ناهمزمان Asynchronous Testing

• تست ناهمزمان Asynchronous Testing

• تست ساختگی - API مسخره fetch(). Mock Test - Mocking fetch() API

• تست ساختگی - API مسخره fetch(). Mock Test - Mocking fetch() API

• BeforeEach() & AfterEach() beforeEach() & afterEach()

• BeforeEach() & AfterEach() beforeEach() & afterEach()

• تست لحظه ای Snapshot Testing

• تست لحظه ای Snapshot Testing

تست خودکار در React Automated Testing in React

پروژه فروشگاه الکترونیکی eStore project

• ایجاد کامپوننت هدر Creating Header Component

• ایجاد کامپوننت هدر Creating Header Component

• معماری مبتنی بر مولفه Component Based Architecture

• معماری مبتنی بر مولفه Component Based Architecture

• پیاده سازی SASS(.scss) Implementing SASS(.scss)

• پیاده سازی SASS(.scss) Implementing SASS(.scss)

• جزء منوی بالا Top Menu Component

• جزء منوی بالا Top Menu Component

• جزء نوار کناری Sidebar Component

• جزء نوار کناری Sidebar Component

• جزء محصول Product Component

• جزء محصول Product Component

• تنظیم دقیق طراحی CSS Finetuning CSS Design

• تنظیم دقیق طراحی CSS Finetuning CSS Design

• پیکربندی GitHub GitHub Configuration

• پیکربندی GitHub GitHub Configuration

• اجرای Redux برای دولت جهانی Implementing Redux For Global State

• اجرای Redux برای دولت جهانی Implementing Redux For Global State

• پیکربندی کامپوننت نوار کناری با Redux با استفاده از Hooks Configuring Sidebar Component With Redux Using Hooks

• پیکربندی کامپوننت نوار کناری با Redux با استفاده از Hooks Configuring Sidebar Component With Redux Using Hooks

• پیکربندی مولفه محصول با Redux با استفاده از Hooks Configuring Product Component With Redux Using Hooks

• پیکربندی مولفه محصول با Redux با استفاده از Hooks Configuring Product Component With Redux Using Hooks

• پیکربندی MySQL Configuring MySQL

• پیکربندی MySQL Configuring MySQL

• تعریف نقطه پایانی API برای دسته بندی محصولات Defining API End Point For Product Categories

• تعریف نقطه پایانی API برای دسته بندی محصولات Defining API End Point For Product Categories

• فراخوانی API از React با استفاده از Axios Calling API From React Using Axios

• فراخوانی API از React با استفاده از Axios Calling API From React Using Axios

• ایجاد نقطه پایانی API و پایگاه داده برای دسته بندی محصولات Creating API End Point & Database For Product Categories

• ایجاد نقطه پایانی API و پایگاه داده برای دسته بندی محصولات Creating API End Point & Database For Product Categories

• نمایش داده های اجزای محصول در داخل React Displaying Product Component Data Inside React

• نمایش داده های اجزای محصول در داخل React Displaying Product Component Data Inside React

• افزودن نماد سبد خرید در جزء محصول Adding Cart Icon In Product Component

• افزودن نماد سبد خرید در جزء محصول Adding Cart Icon In Product Component

• پیاده سازی سبد خرید روی محصول کلیک کنید Implementing Cart On Product Click

• پیاده سازی سبد خرید روی محصول کلیک کنید Implementing Cart On Product Click

• فیلتر کردن محصول در انتخاب دسته Filtering Product On Category Selection

• فیلتر کردن محصول در انتخاب دسته Filtering Product On Category Selection

• اعمال فیلتر انتخاب چند دسته Applying Multiple Category Selection Filter

• اعمال فیلتر انتخاب چند دسته Applying Multiple Category Selection Filter

• اعمال فیلتر قیمت Applying Price Filter

• اعمال فیلتر قیمت Applying Price Filter

• پیکربندی روتر React Configuring React Router

• پیکربندی روتر React Configuring React Router

• قالب بندی جزئیات محصول Formatting Product Details

• قالب بندی جزئیات محصول Formatting Product Details

• افزودن محصول به سبد خرید از صفحه جزئیات محصول Adding Product To Cart From Product Detail Page

• افزودن محصول به سبد خرید از صفحه جزئیات محصول Adding Product To Cart From Product Detail Page

• اجرای کارکردهای سبد خرید Implementing Cart Functionalities

• اجرای کارکردهای سبد خرید Implementing Cart Functionalities

• پیکربندی دروازه پرداخت Configuring Payment Gateway

• پیکربندی دروازه پرداخت Configuring Payment Gateway

• پیکربندی دروازه پرداخت در داخل Node.js Configuring Payment Gateway Inside Node.js

• پیکربندی دروازه پرداخت در داخل Node.js Configuring Payment Gateway Inside Node.js

• نمایش پاسخ در کامپوننت Displaying Response In Component

• نمایش پاسخ در کامپوننت Displaying Response In Component

• احراز هویت گوگل Google Authentication

• احراز هویت گوگل Google Authentication

• ایجاد فرم ورود جداگانه Creating Separate Login Form

• ایجاد فرم ورود جداگانه Creating Separate Login Form

پروژه فروشگاه الکترونیکی eStore project