آموزش ساخت اپلیکیشن فیلم هوش مصنوعی کامل با React JS 2025 - آخرین آپدیت

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

Introduction-فصل ۱-معرفی Introduction

• Introduction-ویدیو ۱-۱-معرفی Introduction

• Welcome to the Course-ویدیو ۱-۲-به دوره خوش آمدید Welcome to the Course

• Need Your Support-ویدیو ۱-۳-به حمایت شما نیاز داریم Need Your Support

• My Mission-ویدیو ۱-۴-ماموریت من My Mission

React Fundamentals React Structure-فصل ۲-مبانی React و ساختار React React Fundamentals React Structure

• React Introduction-ویدیو ۲-۱-معرفی React React Introduction

• Create New React App Using Vite-ویدیو ۲-۲-ایجاد برنامه React جدید با استفاده از Vite Create New React App Using Vite

• Project Run And Build Command-ویدیو ۲-۳-اجرای پروژه و دستور Build Project Run And Build Command

• Dive Inside React Project Structure-ویدیو ۲-۴-غوطه ور شدن در ساختار پروژه React Dive Inside React Project Structure

• Organizing File Folders-ویدیو ۲-۵-سازماندهی پوشه های فایل Organizing File Folders

• Best VS Code Extensions And Settings For React Development-ویدیو ۲-۶-بهترین افزونه ها و تنظیمات VS Code برای توسعه React Best VS Code Extensions And Settings For React Development

• Primary Understanding On Component Part 1-ویدیو ۲-۷-درک اولیه از کامپوننت قسمت ۱ Primary Understanding On Component Part 1

• Primary Understanding On Component Part 2-ویدیو ۲-۸-درک اولیه از کامپوننت قسمت ۲ Primary Understanding On Component Part 2

JSX And Conventions-فصل ۳-JSX و قراردادها JSX And Conventions

• JSX And Conventions-ویدیو ۳-۱-JSX و قراردادها JSX And Conventions

• JSX Short Hand If else-ویدیو ۳-۲-JSX خلاصه نویسی If else JSX Short Hand If else

• JSX Immediately invoked function-ویدیو ۳-۳-JSX تابع فراخوانی فوری JSX Immediately invoked function

• JSX Loop Inside-ویدیو ۳-۴-JSX حلقه درونی JSX Loop Inside

• JSX Conditional Rendering Using If Else-ویدیو ۳-۵-JSX رندر شرطی با استفاده از If Else JSX Conditional Rendering Using If Else

• JSX Conditional Rendering Using Switch Statement-ویدیو ۳-۶-JSX رندر شرطی با استفاده از Switch Statement JSX Conditional Rendering Using Switch Statement

• JSX Conditional Rendering Using Ternary Operator-ویدیو ۳-۷-JSX رندر شرطی با استفاده از Ternary Operator JSX Conditional Rendering Using Ternary Operator

• JSX Conditional Rendering Using Logical And And-ویدیو ۳-۸-JSX رندر شرطی با استفاده از Logical And And JSX Conditional Rendering Using Logical And And

• JSX Conditional Rendering Using Immidiatly Invoked Function-ویدیو ۳-۹-JSX رندر شرطی با استفاده از تابع فراخوانی فوری JSX Conditional Rendering Using Immidiatly Invoked Function

Manage React Component-فصل ۴-مدیریت کامپوننت React Manage React Component

• Passing Properties to Child Component-ویدیو ۴-۱-انتقال ویژگی ها به کامپوننت فرزند Passing Properties to Child Component

• Passing Simple String to Child Component-ویدیو ۴-۲-انتقال رشته ساده به کامپوننت فرزند Passing Simple String to Child Component

• Passing Object to Child Component-ویدیو ۴-۳-انتقال شیء به کامپوننت فرزند Passing Object to Child Component

• Passing Function to Child Component-ویدیو ۴-۴-انتقال تابع به کامپوننت فرزند Passing Function to Child Component

• Managing Click Event-ویدیو ۴-۵-مدیریت رویداد کلیک Managing Click Event

• Managing Form Submit-ویدیو ۴-۶-مدیریت ارسال فرم Managing Form Submit

React Routing-فصل ۵- مسیریابی React React Routing

• Applying React Router Dom-ویدیو ۵-۱-اعمال React Router Dom Applying React Router Dom

• Link And NavLink For Router-ویدیو ۵-۲-Link و NavLink برای مسیریاب Link And NavLink For Router

• Browser Router VS HashRouter-ویدیو ۵-۳-Browser Router در مقابل HashRouter Browser Router VS HashRouter

• Passing Parameter Via Naviagation-ویدیو ۵-۴-انتقال پارامتر از طریق ناوبری Passing Parameter Via Naviagation

React Hook & State Management-فصل ۶-هوک React و مدیریت State React Hook & State Management

• [Hook] Meet With Hook-ویدیو ۶-۱-[هوک] آشنایی با هوک [Hook] Meet With Hook

• [Hook] useRef InnerText InnerHTML-ویدیو ۶-۲-[هوک] useRef با InnerText و InnerHTML [Hook] useRef InnerText InnerHTML

• [Hook] useRef Working With Attribute-ویدیو ۶-۳-[هوک] useRef کار با Attribute [Hook] useRef Working With Attribute

• [Hook] useRef Working With Input Element-ویدیو ۶-۴-[هوک] useRef کار با عنصر Input [Hook] useRef Working With Input Element

• [Hook] useRef Working With CSS Class-ویدیو ۶-۵-[هوک] useRef کار با CSS Class [Hook] useRef Working With CSS Class

• [Hook] useRef Caching Expensive Computation-ویدیو ۶-۶-[هوک] useRef ذخیره سازی محاسبات سنگین [Hook] useRef Caching Expensive Computation

• [Hook] useState Understading Inside-ویدیو ۶-۷-[هوک] درک داخلی useState [Hook] useState Understading Inside

• [Hook] useState Working With Immutable Object-ویدیو ۶-۸-[هوک] useState کار با شیء تغییرناپذیر [Hook] useState Working With Immutable Object

• [Hook] useState Working With Immutable Array Part 1-ویدیو ۶-۹-[هوک] useState کار با آرایه تغییرناپذیر قسمت ۱ [Hook] useState Working With Immutable Array Part 1

• [Hook] useState Working With Immutable Array Part 2-ویدیو ۶-۱۰-[هوک] useState کار با آرایه تغییرناپذیر قسمت ۲ [Hook] useState Working With Immutable Array Part 2

• [Hook] useState Managing Form Like Pro Part 1-ویدیو ۶-۱۱-[هوک] useState مدیریت حرفه ای فرم قسمت ۱ [Hook] useState Managing Form Like Pro Part 1

• [Hook] useState Managing Form Like Pro Part 2-ویدیو ۶-۱۲-[هوک] useState مدیریت حرفه ای فرم قسمت ۲ [Hook] useState Managing Form Like Pro Part 2

• [Hook] useEffect understanding arguments and uses-ویدیو ۶-۱۳-[هوک] درک آرگومان ها و کاربردهای useEffect [Hook] useEffect understanding arguments and uses

• [Hook] useEffect calling api using promises-ویدیو ۶-۱۴-[هوک] useEffect فراخوانی api با استفاده از promises [Hook] useEffect calling api using promises

• [Hook] useEffect calling api usig async await-ویدیو ۶-۱۵-[هوک] useEffect فراخوانی api با استفاده از async await [Hook] useEffect calling api usig async await

Build AI Powered Movie App - Welcome to the Course-فصل ۷-ساخت اپلیکیشن فیلم مبتنی بر هوش مصنوعی - خوش آمدید به دوره Build AI Powered Movie App - Welcome to the Course

• Welcome to the Course-ویدیو ۷-۱-خوش آمدید به دوره Welcome to the Course

• Project Excise File - Downloadable Resource-ویدیو ۷-۲-فایل تمرینی پروژه - منبع قابل دانلود Project Excise File - Downloadable Resource

• Environment Setup-ویدیو ۷-۳-راه اندازی محیط Environment Setup

• Visual Studio Code Setup-ویدیو ۷-۴-راه اندازی Visual Studio Code Visual Studio Code Setup

Resume Practical eBook-فصل ۸-کتاب الکترونیکی رزومه کاربردی Resume Practical eBook

• The Tech Resume Practical eBook-ویدیو ۸-۱-کتاب الکترونیکی رزومه فنی کاربردی The Tech Resume Practical eBook

Project Initialization & Setup-فصل ۹-مقداردهی اولیه و راه اندازی پروژه Project Initialization & Setup

• The Beginning-ویدیو ۹-۱-شروع The Beginning

• GitHub Setup-ویدیو ۹-۲-راه اندازی GitHub GitHub Setup

• Dependencies-ویدیو ۹-۳-وابستگی ها Dependencies

Code Architecture-فصل ۱۰-معماری کد Code Architecture

• Intro & Documentation-ویدیو ۱۰-۱-معرفی و مستندات Intro & Documentation

• Component Structure & Routing-ویدیو ۱۰-۲-ساختار کامپوننت و مسیریابی Component Structure & Routing

• Styling Setup-ویدیو ۱۰-۳-راه اندازی استایل Styling Setup

Navigation Bar Layout-فصل ۱۱-طرح نوار ناوبری Navigation Bar Layout

• Navigation Bar Part 1-ویدیو ۱۱-۱-نوار ناوبری قسمت ۱ Navigation Bar Part 1

• Navigation Bar Part 2-ویدیو ۱۱-۲-نوار ناوبری قسمت ۲ Navigation Bar Part 2

• Navigation Bar Part 3-ویدیو ۱۱-۳-نوار ناوبری قسمت ۳ Navigation Bar Part 3

Sidebar Layout-فصل ۱۲-طرح نوار کناری Sidebar Layout

• Sidebar Setup Part 1-ویدیو ۱۲-۱-راه اندازی نوار کناری قسمت ۱ Sidebar Setup Part 1

• Sidebar Setup Part 2-ویدیو ۱۲-۲-راه اندازی نوار کناری قسمت ۲ Sidebar Setup Part 2

• Sidebar Setup Part 3-ویدیو ۱۲-۳-راه اندازی نوار کناری قسمت ۳ Sidebar Setup Part 3

• Sidebar Setup Part 4-ویدیو ۱۲-۴-راه اندازی نوار کناری قسمت ۴ Sidebar Setup Part 4

• Sidebar Setup Part 5-ویدیو ۱۲-۵-راه اندازی نوار کناری قسمت ۵ Sidebar Setup Part 5

Redux Setup-فصل ۱۳-راه اندازی Redux Redux Setup

• Redux Setup Part 1-ویدیو ۱۳-۱-راه اندازی Redux قسمت ۱ Redux Setup Part 1

• Redux Setup Part 2-ویدیو ۱۳-۲-راه اندازی Redux قسمت ۲ Redux Setup Part 2

• Redux Setup Part 3-ویدیو ۱۳-۳-راه اندازی Redux قسمت ۳ Redux Setup Part 3

Display Movies-فصل ۱۴-نمایش فیلم ها Display Movies

• Rendering Movies Part 1-ویدیو ۱۴-۱-رندر کردن فیلم ها قسمت ۱ Rendering Movies Part 1

• Rendering Movies Part 2-ویدیو ۱۴-۲-رندر کردن فیلم ها قسمت ۲ Rendering Movies Part 2

• Rendering Movies Part 3-ویدیو ۱۴-۳-رندر کردن فیلم ها قسمت ۳ Rendering Movies Part 3

• Rendering Movies Part 4-ویدیو ۱۴-۴-رندر کردن فیلم ها قسمت ۴ Rendering Movies Part 4

• Rendering Movies Part 5-ویدیو ۱۴-۵-رندر کردن فیلم ها قسمت ۵ Rendering Movies Part 5

• Movie Categories-ویدیو ۱۴-۶-دسته بندی فیلم ها Movie Categories

• Genre Icons-ویدیو ۱۴-۷-آیکون های ژانر Genre Icons

Filter and Search-فصل ۱۵-فیلتر و جستجو Filter and Search

• Redux Slice Part 1-ویدیو ۱۵-۱-Redux Slice قسمت ۱ Redux Slice Part 1

• Redux Slice Part 2-ویدیو ۱۵-۲-Redux Slice قسمت ۲ Redux Slice Part 2

• Switch Genre Functionality Part 1-ویدیو ۱۵-۳-عملکرد تغییر ژانر قسمت ۱ Switch Genre Functionality Part 1

• Switch Genre Functionality Part 2-ویدیو ۱۵-۴-عملکرد تغییر ژانر قسمت ۲ Switch Genre Functionality Part 2

• Search Functionality Part 1-ویدیو ۱۵-۵-عملکرد جستجو قسمت ۱ Search Functionality Part 1

• Search Functionality Part 2-ویدیو ۱۵-۶-عملکرد جستجو قسمت ۲ Search Functionality Part 2

• Search Functionality Part 3-ویدیو ۱۵-۷-عملکرد جستجو قسمت ۳ Search Functionality Part 3

Authentication-فصل ۱۶-احراز هویت Authentication

• Authentication Part 1-ویدیو ۱۶-۱-احراز هویت قسمت ۱ Authentication Part 1

• Authentication Part 2-ویدیو ۱۶-۲-احراز هویت قسمت ۲ Authentication Part 2

• Authentication Part 3-ویدیو ۱۶-۳-احراز هویت قسمت ۳ Authentication Part 3

• Authentication Part 4-ویدیو ۱۶-۴-احراز هویت قسمت ۴ Authentication Part 4

• Authentication Logout-ویدیو ۱۶-۵-خروج از احراز هویت Authentication Logout

• Profile Page Setup-ویدیو ۱۶-۶-راه اندازی صفحه پروفایل Profile Page Setup

Movie information Display Setup-فصل ۱۷-راه اندازی نمایش اطلاعات فیلم Movie information Display Setup

• Movie information page Part 1-ویدیو ۱۷-۱-صفحه اطلاعات فیلم قسمت ۱ Movie information page Part 1

• Movie information page Part 2-ویدیو ۱۷-۲-صفحه اطلاعات فیلم قسمت ۲ Movie information page Part 2

• Movie information page Part 3-ویدیو ۱۷-۳-صفحه اطلاعات فیلم قسمت ۳ Movie information page Part 3

• Movie information page Part 4-ویدیو ۱۷-۴-صفحه اطلاعات فیلم قسمت ۴ Movie information page Part 4

• Movie information page Part 5-ویدیو ۱۷-۵-صفحه اطلاعات فیلم قسمت ۵ Movie information page Part 5

• Movie information page Part 6-ویدیو ۱۷-۶-صفحه اطلاعات فیلم قسمت ۶ Movie information page Part 6

• Movie information page Part 7-ویدیو ۱۷-۷-صفحه اطلاعات فیلم قسمت ۷ Movie information page Part 7

Movie Recommendations-فصل ۱۸-توصیه های فیلم Movie Recommendations

• Movie Recommendations Part 1-ویدیو ۱۸-۱-توصیه های فیلم قسمت ۱ Movie Recommendations Part 1

• Movie Recommendations Part 2-ویدیو ۱۸-۲-توصیه های فیلم قسمت ۲ Movie Recommendations Part 2

Movie Trailer Setup-فصل ۱۹-راه اندازی تریلر فیلم Movie Trailer Setup

• Movie Trailer Part 1-ویدیو ۱۹-۱-تریلر فیلم قسمت ۱ Movie Trailer Part 1

• Movie Trailer Part 2-ویدیو ۱۹-۲-تریلر فیلم قسمت ۲ Movie Trailer Part 2

Movie Actor Page Setup-فصل ۲۰-راه اندازی صفحه بازیگر فیلم Movie Actor Page Setup

• Actor Page Part 1-ویدیو ۲۰-۱-صفحه بازیگر قسمت ۱ Actor Page Part 1

• Actor Page Part 2-ویدیو ۲۰-۲-صفحه بازیگر قسمت ۲ Actor Page Part 2

• Actor Page Part 3-ویدیو ۲۰-۳-صفحه بازیگر قسمت ۳ Actor Page Part 3

• Actor Page Part 4-ویدیو ۲۰-۴-صفحه بازیگر قسمت ۴ Actor Page Part 4

Pagination Setup-فصل ۲۱-راه اندازی صفحه بندی Pagination Setup

• Pagination Part 1-ویدیو ۲۱-۱-صفحه بندی قسمت ۱ Pagination Part 1

• Pagination Part 2-ویدیو ۲۱-۲-صفحه بندی قسمت ۲ Pagination Part 2

Responsive Css Adjustments Setup-فصل ۲۲-راه اندازی تنظیمات CSS واکنشگرا Responsive Css Adjustments Setup

• Css Adjustments-ویدیو ۲۲-۱-تنظیمات CSS Css Adjustments

Favorited and Watchlisted Movies-فصل ۲۳-فیلم های مورد علاقه و لیست تماشا Favorited and Watchlisted Movies

• Favorited and Watchlisted Movies Part 1-ویدیو ۲۳-۱-فیلم های مورد علاقه و لیست تماشا قسمت ۱ Favorited and Watchlisted Movies Part 1

• Favorited and Watchlisted Movies Part 2-ویدیو ۲۳-۲-فیلم های مورد علاقه و لیست تماشا قسمت ۲ Favorited and Watchlisted Movies Part 2

• Favorited and Watchlisted Movies Part 3-ویدیو ۲۳-۳-فیلم های مورد علاقه و لیست تماشا قسمت ۳ Favorited and Watchlisted Movies Part 3

• Favorited and Watchlisted Movies Part 4-ویدیو ۲۳-۴-فیلم های مورد علاقه و لیست تماشا قسمت ۴ Favorited and Watchlisted Movies Part 4

• Dark Mode Setup-ویدیو ۲۳-۵-راه اندازی حالت تاریک Dark Mode Setup

• Dark Mode Issues Solve-ویدیو ۲۳-۶-رفع مشکلات حالت تاریک Dark Mode Issues Solve

Featured Movie Card Setup-فصل ۲۴-راه اندازی کارت فیلم ویژه Featured Movie Card Setup

• Featured Movie Card Part 1-ویدیو ۲۴-۱-کارت فیلم ویژه قسمت ۱ Featured Movie Card Part 1

• Featured Movie Card Part 2-ویدیو ۲۴-۲-کارت فیلم ویژه قسمت ۲ Featured Movie Card Part 2

• Fixed Some Bugs-ویدیو ۲۴-۳-رفع برخی اشکالات Fixed Some Bugs

AI Voice Feature Setup-فصل ۲۵-راه اندازی ویژگی صدای هوش مصنوعی AI Voice Feature Setup

• Alan AI - What You will Build this Section-ویدیو ۲۵-۱-Alan AI - آنچه در این بخش می سازید Alan AI - What You will Build this Section

• Alan AI - Part 1-ویدیو ۲۵-۲-Alan AI - قسمت ۱ Alan AI - Part 1

• Alan AI - Part 2-ویدیو ۲۵-۳-Alan AI - قسمت ۲ Alan AI - Part 2

• Alan AI - Part 3-ویدیو ۲۵-۴-Alan AI - قسمت ۳ Alan AI - Part 3

• Alan AI - Part 4-ویدیو ۲۵-۵-Alan AI - قسمت ۴ Alan AI - Part 4

• Alan AI - Part 5-ویدیو ۲۵-۶-Alan AI - قسمت ۵ Alan AI - Part 5

• Alan AI - Part 6-ویدیو ۲۵-۷-Alan AI - قسمت ۶ Alan AI - Part 6

• Alan AI - Part 7-ویدیو ۲۵-۸-Alan AI - قسمت ۷ Alan AI - Part 7

Deployment & Next Steps-فصل ۲۶-استقرار و گام های بعدی Deployment & Next Steps

• Deployment to Web Server-ویدیو ۲۶-۱-استقرار در وب سرور Deployment to Web Server