آموزش یک کلون توییتر با PHP ، MYSQL و Js FROM SCRATCH ایجاد کنید

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

معرفی دوره: اطلاعات و راه اندازی Course Intro:Info & Setup

• ویدئوی تبلیغاتی دوره (از صفحه اصلی دوره) Course promo video (from course landing page)

• XAMPP را بارگیری و نصب کنید Download and install XAMPP

• ویرایشگر کد را بارگیری و نصب کنید Download and install code editor

• ایجاد پوشه لازم Create necessary folder

ایجاد صفحه اصلی توییتر Creating Twitter main page

• ایجاد ساختار صفحه اصلی Creating the structure of the main page

• ایجاد بخش چپ Creating the Left Section

• ایجاد بخش مناسب Creating the Right Section

• ایجاد بخش پاورقی Creating the Footer Section

ایجاد صفحه ثبت نام/ورود Creating Register / Login page

• ایجاد ساختار صفحه signUp Creating the structure of the signUp Page

• ایجاد ناوبری ثبت نام Creating the signup nav

• تکمیل صفحه ثبت نام Completing the signup page

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

ایجاد کلاس پایگاه داده Creating Database Class

• ایجاد پایگاه داده ما Creating our Database

• تنظیم منطقه زمانی Setting timezone

• تست اتصال به پایگاه داده mysql Testing connection to mysql database

• ایجاد فایل پیکربندی Creating the config file

• ایجاد اتصال به پایگاه داده Creating Database Connection

• ایجاد متد برای دسترسی به کلاس پایگاه داده Creating a method to make Database Class Accessible

• ایجاد روش پروکسی به روش بومی Pdo Creating a Proxy Way to Native Pdo Method

ShowPassword Functionalities ShowPassword Functionalities

• ایجاد قابلیت های showPassword Creating showPassword functionalities

ارسال فرم Form Submission

• اعتبارسنجی سمت مشتری Client Side Validation

• آزمایش برای ارسال فرم Testing for Form Submission

• مقدمه ای بر ضدعفونی کردن داده های فرم Introduction to sanitizing form data

• فرم ضدعفونی کننده کلاس Form Sanitizer Class

• ایجاد کلاس حساب Creating Account Class

• شروع به کارکرد اعتبار سنجی ما Starting our validation function

• خروجی پیام های خطا Outputting error messages

• اعتبار نام خانوادگی Validating last name

• ایجاد جدول کاربر Creating User table

• ایجاد نام کاربری منحصر به فرد Generating Unique Username

• ایجاد روش طول Creating the length method

• تأیید آدرس ایمیل Validating the email address

• اعتبار گذرواژه Validating the password

• وقتی داده ها معتبر هستند چه باید کرد What to do when data is valid

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

• هش رمز عبور Password hashing

• دادن تصویری تصادفی به کاربر Giving the User a Random Profile Picture

• درج داده های کاربر در جدول پایگاه داده Inserting the user's data into the database table

• تنظیم متغیر session Setting the session variable

تأیید اعتبار ایمیل Email Validation

• راه اندازی صفحه تأیید ما Setting up our verification page

• ایجاد کلاس کاربر و روش داده کاربر Creating our User Class & User Data method

• آزمایش برای PHPMailer Testing for PHPMailer

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

• ایجاد روشی برای ایجاد پیوند تأیید Creating a method to generate verification link

• ایجاد روش ارسال ایمیل تأیید صحت Creating a method to send Verification email

• ایجاد جدول تأیید Creating verification table

• ایجاد روش درج Creating the insert method

• درج کد تأیید در جدول تأیید ما Inserting verification code into our verification table

• ایجاد روش verifyCode Creating verifyCode method

• ایجاد قابلیت های تأیید حساب Creating verify account functionalities

• تکمیل حساب تأیید صحت Completing verify account

• ایجاد جدول توکن Creating the token table

• ایجاد قابلیت های توکن creating token functionalities

• هدایت کاربران تأیید نشده به صفحه تأیید Redirecting Unverified Users to verification page

• ایجاد قابلیت های کوکی برای ورود کاربر به ورود به سیستم creating cookie functionalities to make user stay logIn

وارد شدن Login

• تکمیل قابلیت های ورود به سیستم Completing the login functionalities

ایجاد صفحه خبری فیس بوک توییتر Creating Twitter News Feed Page

• ایجاد ساختار صفحه خبرخوان Creating the structure of the news feed page

• ایجاد بخش خبری سمت چپ فید خبری Creating news feed left section

• حالت بخش چپ Styling the left section

• شما کجا هستید Where are you

• تغییر پایه نماد در صفحه ای که کاربر در آن است Change Icon base on page the user is on

• ایجاد طرح خروج Creating the logout layout

• حالت دهی به حالت خروج Styling the logout modal

• ایجاد قابلیت هایی برای نمایش حالت خروج Creating a functionalities to display logout modal

• ایجاد روش حذف Creating the delete method

• نحوه اشکال زدایی پرس و جو SQL در PHP How to debug SQL query in PHP

• ایجاد قابلیت هایی برای خروج کاربر ما Creating functionalities to logout our user

• تغییر کد ما Refactoring our code

• ایجاد صفحه اصلی newsFeed Creating newsFeed main page

• صفحه اصلی اخبار یکپارچه سازی Styling newsFeed main page

• ایجاد جدول توییت ها Creating tweets table

• ایجاد قابلیت های فعال و غیر فعال کردن دکمه Creating functionalities to enable and disabled button

• ایجاد روشی برای ارسال توییت Creating a method to post tweets

• CSS SOLVE CSS SOLVE

• ایجاد postContainer Creating the postContainer

• یک ظاهر طراحی شده postContainer Styling postContainer

• پست استایل کامل Complete styling post

• ایجاد کلاس توییت Creating Tweet Class

• نمایش توییت ما Displaying our Tweet

• ایجاد پیمایش بی نهایت Creating Infinite Scrolling

هشتگ و ذکر ویژگیها Hashtag & Mention Functionalities

• ایجاد رابط کاربری هشتگ Creating Hashtag UI

• ایجاد UI Mention Creating Mention UI

• ایجاد قابلیت هایی برای مخفی کردن Mention Creating functionalities to hide Mention

• ایجاد قابلیت هایی برای نمایش هشتگ به شکل توییت Creating functionalities to display hashtag in tweet form

• ایجاد جدول روندها Creating the trends table

• نمایش هشتگ از پایگاه داده Displaying hashtag from database

• ایجاد روشی برای نمایش کاربر ذکر شده Creating a method to display mention user

• ایجاد روشی برای درج هشتگ Creating a method to insert hashtag

• پیوند توییت را قابل کلیک کنید Making tweet link clickable

دکمه مانند The like button

• ایجاد جدول مشابه Creating the like table

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

• مانند مقادیر ارائه دهنده دکمه Like Button Provider values

• مانند فایل action js توییت کنید Like Tweet action js file

• آشنایی با ajax Introduction to ajax

• دریافت لایک از پایگاه داده Get Likes from the database

• درج توییت مانند Inserting like tweet

• در حال واگرد مانند توییت Undoing like tweet

• بازگشت داده های JSON از عملکرد مشابه Returning JSON data from like function

• به روز رسانی دکمه مانند Updating the like button

سیستم بازتوییت Retweet System

• ایجاد جدول بازتوییت Creating the retweet table

• ایجاد روش نمایش پنجره بازتولید مجدد Creating a method to display retweet popup

• ایجاد پنجره بازشو Creating popupTweet

• ایجاد روش مخفی کردن PopupTweet Creating a method to hide PopupTweet

• ایجاد متد getRetweet Creating getRetweet method

• ایجاد تابع jquery برای ارسال درخواست retweet ajax Creating jquery function to send retweet ajax request

• ایجاد retweetCount Creating retweetCount

• ایجاد روش چکشی Creating checkRetweet method

• نمایش بازتوییت در صفحه اصلی Displaying retweet in home page

سیستم پاسخگویی Reply System

• ایجاد جدول پاسخگویی Creating reply table

• ایجاد روش نمایش پنجره پاسخ Creating a method to display reply popup

• ایجاد متد getReply Creating getReply method

• ایجاد روش فعال یا غیرفعال کردن دکمه پاسخ Creating a method to enable or disabled reply button

• ایجاد روشی برای درج نظر Creating a method to insert comment

• به روز رسانی تعداد نظرات Updating the comment count

• ایجاد روش حذف روش Creating a method to delete method

حذف پست ها Deleting posts

• تغییر نماد تنظیمات به نماد بسته Changing the setting icon to a close icon

• ایجاد قابلیت هایی برای نشان دادن و مخفی کردن نماد حذف Creating functionalities to show and hide delete icon

• راه اندازی حذف Modal Setting up the delete Modal

• ایجاد روش حذف Tweet Creating a method to deleteTweet

صفحه پروفایل Profile Page

• ایجاد profilePage Creating the profilePage

• ایجاد روشی برای دریافت نام کاربری از آدرس url Creating a method to get username from url

• RewriteRule برای آدرس پروفایل RewriteRule for profile url

• ایجاد سربرگ پروفایل Creating the profile header top

• ایجاد روش tweetCounts Creating tweetCounts method

• طراحی جلد عکس Designing the coverPhoto

• طراحی profileImage Designing the profileImage

• طراحی دکمه ویرایش Designing the edit button

• خروجی جزئیات کاربر Outputting the user details

• یکپارچه سازی جزئیات کاربر Styling the user details

• ایجاد برگه های پروفایل Creating the profile tabs

• بارگیری پست ها در صفحه نمایه Loading posts on the profile page

• ایجاد صفحه پاسخ Creating the reply page

• ایجاد replyTweets Creating replyTweets

دنبال کننده و دنبال کننده Following and followers

• ایجاد جدول پیگیری Creating follow table

• ایجاد کلاس follow Creating follow class

• ایجاد روش نمایش دکمه follow Creating a method to display follow button

• گرفتن شناسه کاربر هنگامی که ما دکمه دنبال را فشار می دهیم Getting the user ID when we press the follow button

• نمایش دکمه follow و unfollow با استفاده از jquery Displaying follow and unfollow button using jquery

• ایجاد روش follow (دنبال کردن) Creating follow method

• ایجاد صفحه فالوور Creating followers page

• ایجاد صفحه زیر Creating following page

• ایجاد روش لیست زیر Creating followinglist method

• نمایش روش لیست زیر Displaying followinglist method

• ایجاد روش لیست پیروان Creating followerslist method

• ایجاد روش پیشنهادی لیست ها Creating suggestedLists method

• پرس و جو sql را برای روش توییت ها تغییر دهید Change sql query for tweets method

صفحه هشتگ Hashtag Page

• ایجاد صفحه هشتگ Creating hashtag page

• ایجاد متد getHashtagTweet Creating getHashtagTweet method

رسانه ها Media

• ایجاد پیش نمایش postImage Creating previewing postImage

• ایجاد uploadPostImage Creating uploadPostImage

• درج postImage در پایگاه داده Inserting postImage into database

• ایجاد قابلیت هایی برای ارسال تصویر و توییت ها Creating functionalities to post Image and tweets

سیستم پیام رسانی Messaging system

• ایجاد جدول پیام Create message table

• ایجاد صفحه پیام ها Creating the messages page

• راه اندازی صفحه پیام ها Setting up messages page

• پنهان کردن مودال پیام Hiding the message modal

• ایجاد قابلیت های جستجوی کاربر Creating functionalities to search user

• ایجاد کلاس پیام Creating message class

• برقراری تماس ajax برای جستجوی کاربر Making ajax call to search user

• ایجاد روش جستجو Creating search method

• دریافت شناسه پیام از آدرس اینترنتی Getting message id from url

• ایجاد پیام های اخیر Creating recentMessages

• نمایش پیام های اخیر Displaying recentMessages

• ایجاد متد messageData Creating messageData method

• ارسال پیام ها Sending messages

• واکشی پیام به صورت پویا Fetch message dynamically

• رفع پرسش های اخیر Fix recentMessages query

سیستم اطلاع رسانی Notification system

• ایجاد جدول اعلانات Create notification table

• ذخیره اطلاعات اعلانات Notification data store

• در حال تکمیل ذخیره اطلاعات اعلانات Completing notification data store

• ایجاد صفحه اطلاع رسانی Creating notification page

• ایجاد روش notificationCount Creating notificationCount method

• شامل روش notificationCount به همه صفحات Including notificationCount method to all pages

• ایجاد رابط اعلان Creating notification interface

• تکمیل رابط اعلان Completing notification interface

• ایجاد روش addMention Creating addMention method

• ایجاد صفحه ذکر Creating mention page

• نوشتن جاوا اسکریپت برای اطلاع رسانی Writing javascript for notification

• به روز رسانی اعلان Update notification

• تکمیل سیستم اطلاع رسانی Completing notification system

کنار بخش Aside Section

• افزودن بخش به صفحه اصلی Adding aside section to homepage

• سیستم جستجوی زنده Live Search system

• ایجاد روش روند Creating trends method

• ایجاد متد whoToFollow Creating whoToFollow method

• رفع مشخصات پاسخ اشکال Fix profile reply bug

• رفع اشکال بازتوییت نمایه Fix profile retweet bug

ویژگی های اضافی Extra features

• نحوه حذف تصویر بلا استفاده How to delete unused image

• ایجاد روش جلوگیری از دسترسی کاربران به فایل های PHP Creating Method To Prevent User to Access PHP Files