آموزش یک کلون نتفلیکس از ابتدا ایجاد کنید: JavaScript PHP + MySQL

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

معرفی Introduction

• ویدیوی معرفی Intro video

• نصب Xampp - Mac/Linux Installing Xampp - Mac / Linux

• نصب Xampp - Windows Installing Xampp - Windows

• نصب ویرایشگر متن Installing a text editor

• ایجاد صفحه فهرست ما Creating our index page

صفحه ثبت نام/ورود - انتهای صفحه Register/Login Page - Front end

• ایجاد جدول کاربران Creating the users table

• ایجاد صفحه ثبت نام Creating the register page

• حالت دادن به ستون فرم ما Styling our form column

• ایجاد فیلدهای ورودی Creating the input fields

• پیش نمایش سریع رسیدگی به فرم ارسالی Quick preview of handling the form submission

• استایل دادن به فیلدهای ورودی Styling the input fields

• ایجاد بخش عنوان Creating the title section

• اضافه کردن لوگوی سایت Adding a site logo

• شکل دادن به لینک ورود Styling the login link

• ایجاد صفحه ورود Creating the login page

صفحه ثبت نام/ورود - انتهای عقب Register/Login Page - Back end

• ضدعفونی کردن نام کاربر Sanitising the user's first name

• کلاس ضدعفونی کننده تشکیل دهید Form sanitizer class

• روش های بهداشتی Sanitation methods

• فایل کانفیگ Config file

• اتصال به پایگاه داده Connecting to the database

• ایجاد کلاس حساب کاربری Creating the Account class

• اعتبار نام کوچک Validating the first name

• نمایش خطاها به کاربر Displaying errors to the user

• استفاده از ثابت ها برای پیام های خطای ما Using constants for our error messages

• تایید نام خانوادگی Validating the last name

• اعتبار سنجی نام کاربری Validating the username

• اعتبارسنجی ایمیل Validating the email

• اعتبارسنجی رمزهای عبور Validating the passwords

• چسباندن پیام های خطا Stying the error messages

• درج جزئیات کاربران در جدول Inserting the users details to the table

• بیایید عبارت insert را امتحان کنیم! Let's try the insert query out!

• چگونه پرس و جوهای MySQL را اشکال زدایی کنیم How to debug MySQL queries

• نوشتن تابع ورود Writing the login function

• بیایید عملکرد ورود به سیستم را امتحان کنیم! Let's try the login function out!

• ذخیره سازی جلسه Storing the session

• به خاطر سپردن آخرین مقادیر وارد شده Remembering the last entered values

• به خاطر سپردن مقادیر وارد شده در صفحه ثبت نام Remembering the values entered on the register page

ایجاد پیش نمایش ویدیو Creating the video preview

• میزهایمان را چیدیم Setting up our tables

• افزودن نمونه فایل های ویدئویی و تصاویر Adding sample video files and images

• توضیح جداول Explanation of the tables

• ایجاد کلاس ارائه دهنده پیش نمایش Creating the preview provider class

• گرفتن یک موجودیت تصادفی از جدول Getting a random entity from the table

• ایجاد کلاس entity Creating the entity class

• توابع "گیرنده" موجودیت Entity 'getter' functions

• نمایش ویدیوی پیش نمایش Showing the preview video

• تقسیم کد به یک فایل هدر Splitting code into a header file

• ایجاد همپوشانی پیش نمایش Creating the preview overlay

• پیش نمایش عنصر جزئیات Preview details element

• حالت دادن به دکمه ها Styling the buttons

• فونت آیکون های عالی Font Awesome icons

• وضعیت شناور دکمه Button hover state

• بی‌صدا کردن و بی‌صدا کردن ویدیوی پیش‌نمایش Muting and unmuting the preview video

• تغییر نماد در قطع/لغو صامت Changing the icon on mute/unmute

• نمایش تصویر پس از پایان پیش نمایش Showing the image when the preview has ended

نمایش فیلم و برنامه های تلویزیونی Displaying movies and tv shows

• اضافه کردن سبک به پس زمینه صفحه Adding some style to the page background

• ایجاد کلاس کانتینر دسته Creating the category container class

• نمایش همه دسته ها Showing all categories

• ایجاد کلاس ارائه دهنده Entity Creating the Entity provider class

• حلقه زدن روی هر موجودیت Looping over each entity

• خروجی html برای هر موجودیت Outputting the html for each entity

• استایل دادن به پیش‌نمایش‌های موجودیت Styling the entity previews

• سبک دادن به بخش های دسته بندی Styling the category sections

ایجاد صفحه موجودیت Creating the entity page

• ایجاد صفحه موجودیت Creating the entity page

• کلاس پیام خطا Error message class

• ایجاد ارائه دهنده فصل Creating the season provider

• گرفتن فصل ها Getting the seasons

• ایجاد کلاس ویدیویی Creating the video class

• ایجاد کلاس فصل Creating the season class

• خروجی اعداد فصل Outputting the season numbers

• دریافت ویژگی های ویدئو Getting the video properties

• خروجی اپیزودها Outputting the episodes

• استایل دادن به قسمت ها Styling the episodes

• نمایش بخش "شما هم ممکن است بپسندید". Showing 'you might also like' section

ایجاد صفحه ویدیوی «تماشا». Creating the 'watch' video page

• افزایش بازدید ویدیو Incrementing the video views

• در حال نمایش ویدیو Displaying the video

• ایجاد دکمه برگشت Creating the back button

• عملکرد دکمه برگشت Back button functionality

• مخفی کردن کنترل‌های ویدیو پس از 2 ثانیه Hiding the video controls after 2 seconds

• جدول پیشرفت ویدیو Video progress table

• راه اندازی ویدیو Initialising the video

• برقراری تماس با آژاکس Making an ajax call

• انتقال داده ها در تماس آژاکس ما Passing data in our ajax call

• درج پیشرفت اولیه ویدیو در جدول Inserting the initial video progress into the table

• ایجاد تایمر پیشرفت ویدیو Creating the video progress timer

• به روز رسانی پیشرفت ویدیو در حین پخش ویدیو Updating the video progress as the video plays

• علامت گذاری ویدیو به عنوان "دیده شده" Marking the video as 'seen'

• بازی را از جایی که متوقف کردیم از سر بگیرید Resume playing where we left off

پوشش "بعد بعدی". The 'up next' overlay

• دریافت ویدیوی بعدی Getting the 'up next' video

• ویدیوی «بعدی» وقتی قسمت دیگری وجود ندارد 'Up next' video when there's no more episodes

• عنوان "در مرحله بعدی". 'Up next' title

• نمایش فصل و شماره قسمت Displaying the season and episode number

• دکمه «پخش ویدیوی بعدی». The 'play next video' button

• حالت دادن به کنترل‌های بعدی Styling the up next controls

• دکمه ویدیو را راه اندازی مجدد کنید Restart video button

• عملکرد دکمه پخش Play button functionality

• نمایش همپوشانی پس از پایان ویدیو Showing the overlay when the video ends

• دریافت شناسه نهاد برای یک ویدیو Getting the entity id for a video

• دریافت ویدیوی بعدی برای آن نهاد Getting the next video for that entity

• وصل کردن دکمه پخش در پیش نمایش ویدیو Hooking up the play button on the video preview

• زیرنویس پیش نمایش ویدیو Subtitle of the video preview

• متن دکمه پخش Play button text

• نمایش علامت تیک در ویدیوهای "دیده شده". Displaying a check mark on 'seen' videos

نوار ناوبری Navigation bar

• نوار ناوبری html Navigation bar html

• حالت دادن به نوار پیمایش Styling the navigation bar

• تغییر رنگ پس زمینه در اسکرول Changing the background color on scroll

• پنهان کردن پیمایش در صفحه تماشا Hiding the navigation on the watch page

نمایش های تلویزیونی، فیلم ها و صفحات دسته بندی TV Shows, movies and category pages

• صفحه نمایش های تلویزیونی TV shows page

• ویدئوی پیش نمایش تلویزیونی TV show preview video

• دسته بندی برنامه های تلویزیونی TV show categories

• ویدئوی پیش نمایش صفحه فیلم Movies page preview video

• دسته بندی صفحه فیلم ها Movies page categories

• ویدئوی پیش نمایش صفحه دسته بندی Category page preview video

• موجودیت های صفحه دسته Category page entities

صفحه جستجو Search page

• ایجاد صفحه جستجو html Creating the search page html

• جستجو پس از 500 میلی ثانیه Searching after 500 milliseconds

• پیاده سازی جستجوی ajax Implementing the search ajax

• ایجاد ارائه دهنده نتایج جستجو Creating the search results provider

• نوشتن عبارت جستجو Writing the search query

• خروجی نتایج جستجو Outputting the search results

صفحه حساب Account page

• صفحه نمایه html Profile page html

• از قبل مقادیر کادر متن را پر کنید Pre filling the text box values

• استایل دادن به فرم ها Styling the forms

• رسیدگی به ارسال فرم مشخصات کاربر Handling the user details form submission

• بررسی اینکه آیا داده ها معتبر هستند یا خیر Checking if the data is valid

• به روز رسانی اطلاعات کاربر Updating the user's details

• نمایش پیغام موفقیت/خطا Showing a success/error message

• ارسال فرم رمز عبور Password form submission

• به روز رسانی رمز عبور Updating the password

• خروج از سیستم Logging out

ادغام اشتراک پرداخت PayPal PayPal payment subscription integration

• کد html 'subscribe' The 'subscribe' html code

• افزودن PayPal SDK Adding the PayPal SDK

• اعتبار پیکربندی پی پال PayPal configuration credentials

• ایجاد طرح صورتحساب Creating a billing plan

• ایجاد یک توافق نامه صورتحساب Creating a billing agreement

• آزمایش سیستم پرداخت Testing out the payment system

• اجرای قرارداد صورتحساب Executing the billing agreement

• شارژ هزینه راه اندازی Charging a setup fee

• نمایش پیغام خطا Showing an error message

• ذخیره جزئیات تراکنش Storing the transaction details

• تنظیم حساب کاربری روی "مشترک" Setting the user's account to 'subscribed'

• در مورد کنسلی ها چطور؟ What about cancellations?

• جلوگیری از تماشای ویدیو توسط کاربران در صورت عدم اشتراک Preventing users watching videos if not subscribed