دوره Next.js: ساخت یک پروژه برنامه فیلم آماده تولید

مقدمه Introduction

• مقدمه Introduction

برنامه وب بعدی JS Movie: Project - 1 Next JS Movie Web App : Project - 1

• مرور کلی پروژه برنامه وب بعدی JS Movie - نسخه نمایشی زنده Next JS Movie Web App Project Overview - Live Demo

• پروژه برنامه وب بعدی JS Movie: کد منبع Next JS Movie Web App Project : Source Code

• قسمت راه اندازی پروژه و تم - 1 Project and Theme Setup Part - 1

• مسیرهای مطلق قسمت - 2 Absolute Routes Part - 2

• قسمت تودرتو و مسیر پویا - 3 Nested Route and Dynamic Route Part - 3

• قسمت طرح بندی - 4 Layout Part - 4

• Navbar قسمت - 5 Navbar Part - 5

• تنظیمات نوار ناوبری برای صفحه نمایش موبایل - قسمت 6 Navbar Adjustments for Mobile Screen Part - 6

• قسمت فیلد ورودی نوار ناوبری - 7 Navbar Input Field Part - 7

• React Context API قسمت - 8 React Context API Part - 8

• TMDB API قسمت - 9 TMDB API Part - 9

• واکشی داده های فیلم برای Context API قسمت - 10 Fetch Movie Data for Context API Part - 10

• بخش بنر ساده - 11 Simple Banner Section Part - 11

• نوع فیلم صفحه بنر پویا قسمت - 12 Dynamic Banner Page Movie Type Part - 12

• تایپ جهانی ایمن برای هر فیلم قسمت - 13 Global Type Safely for Each Movies Part - 13

• عملکرد سفارشی برای قسمت اسلایدر بنر - 14 Custom Function for the Banner Slider Part - 14

• دایره پیشرفت شمارش معکوس سفارشی برای قسمت بنر - 15 Custom Countdown Progress Circle for Banner Part - 15

• دکمه بنر بهینه شده قسمت - 16 Banner Button Optimized Part - 16

• بنر BG بنر پوستر بنر پوشش گرادیان قسمت - 17 Banner BG Banner Poster Banner Gradient Overlay Part - 17

• جزئیات بنر قسمت - 18 Banner Details Part - 18

• عنصر رتبه بندی از بخش MUI - 19 Rating Element from MUI Part - 19

• قسمت دوم اسلایدر - 20 Second Slider Part - 20

• داده های اسلایدر واکشی شده بخش - 21 Slider Data Fetched Part - 21

• بخش سفارشی سازی اسلایدر - 22 Slider Customization Part - 22

• بخش سبک اسلایدر - 23 Slider Styling Part - 23

• ظروف گروه کارت واکشی داده ها قسمت - 24 Card Group Containers Data Fetch Part - 24

• Griding The Card Group Part - 25 Griding The Card Group Part - 25

• قسمت حفاری رسانه به کارت تلویزیون و فیلم - 26 Prop Drilling Media Into TV and Movie Card Part - 26

• کارت فیلم قسمت - 27 Movie Cards Part - 27

• پایان قسمت کارت فیلم - 28 Finishing The Movie Card Part - 28

• راه اندازی قسمت زمینه صفحه - 29 Setting Up The Page Context Part - 29

• رندر کردن مشروط صفحات قسمت - 30 Conditionally Rendering The Pages Part - 30

• قسمت کاربردی صفحه بندی - 31 Make The Pagination Functional Part - 31

• به روز رسانی حالت ها و نوع زمینه قسمت - 32 Updating States and Context Type Part - 32

• به روز رسانی قسمت پیش فرض زمینه - 33 Update The Default Context Part - 33

• به روز رسانی Fetch API برای قسمت زمینه - 34 Update The Fetch API for The Context Part - 34

• مقدمه ای بر TABS قسمت - 35 Introduction to TABS Part - 35

• افزودن Handler به Active Tabs قسمت - 36 Adding Handler to Active Tabs Part - 36

• صفحه نمایش تلویزیونی قسمت - 37 TV Show Page Part - 37

• کارت برنامه تلویزیونی قسمت - 38 TV Show Cards Part - 38

• نوع برنامه تلویزیونی برای کارت تلویزیون قسمت - 39 TV Show Type for The TV Card Part - 39

• جزئیات صفحه فیلم قسمت - 40 Details Movie Page Part - 40

• عملکرد جزئیات صفحه فیلم قسمت - 41 Detailed Movie Page Functionality Part - 41

• حفاری داده در اجزای رابط کاربری قسمت - 42 Data Drilling Into UI Components Part - 42

• بنر جزئیات رسانه در صفحه فیلم با جزئیات - قسمت 43 Media Details Banner in Detailed Movie Page Part - 43

• رندر کردن داده ها به جزییات رسانه بخش - 44 Rendering Data Into Media Details Component Part - 44

• پایان بخش جزییات رسانه - 45 Finishing The Media Details Component Part - 45

• مقدمه قسمت تریلر - 46 Intro to Trailer Component Part - 46

• مقدمه مولفه YouTube Player - 47 Intro to YouTube Player Component Part - 47

• مقدمه ای بر قسمت ریخته گری - 48 Intro to Casting Component Part - 48

• Rendering The Casts Part - 49 Rendering The Casts Part - 49

• افزودن انیمیشن به قسمت Casting Component - 50 Adding Animations to The Casting Component Part - 50

• بخش مقدماتی صحنه - 51 Intro to Scenes Component Part - 51

• پایان بخش جزء صحنه ها - 52 Finishing The Scenes Component Part - 52

• مقدمه مولفه مدال صحنه - 53 Intro to Scene Modal Component Part - 53

• معرفی بخش فیلم مشابه - 54 Intro to Similar Movie Component Part - 54

• پایان بخش فیلم مشابه - 55 Finishing The Similar Movie Component Part - 55

• صفحه جزئیات برای نمایش های تلویزیونی قسمت - 56 Details Page for The TV Shows Part - 56

• مقدمه قسمت پاورقی - 57 Intro to The Footer Component Part - 57

• قسمت 58 - Navbar را بر اساس مسیر فعلی شرطی کنید Make the Navbar Conditional Base on Current Path Part - 58

• تنظیم قسمت سبک نوار نوار - 59 Adjusting the Navbar Style Part - 59

• مقدمه قسمت تغییر موضوع - 60 Intro to Theme Toggle Component Part - 60

• تنظیم قسمت مولفه جعبه جستجو - 61 Adjusting the Search Box Component Part - 61

• تکمیل قسمت جزء جعبه جستجو - 62 Finishing The Search Box Component Part - 62

• مقدمه بخش نتیجه جستجو - 63 Intro to Search Result Component Part - 63

• تصحیح وضعیت ها و اشکال زدایی قسمت - 64 Correcting The States and Debug Part - 64

• میزبانی کل پروژه در Vercel Part - 65 Hosting The Entire Project on Vercel Part - 65